/*
Theme Name: Zaxvion Noir Motion
Theme URI: https://zaxvion.com/
Author: Zaxvion Solutions
Description: A custom black-and-purple animated agency theme for Zaxvion Solutions.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zaxvion-noir
*/

:root{
  --z-black:#050507;
  --z-black-2:#0a0710;
  --z-panel:#10091a;
  --z-panel-2:#160d24;
  --z-purple:#7c3cff;
  --z-purple-2:#9b67ff;
  --z-purple-3:#c4a8ff;
  --z-purple-dark:#35106f;
  --z-white:#f7f5ff;
  --z-muted:#aaa2bd;
  --z-line:rgba(160,110,255,.18);
  --z-glow:0 0 44px rgba(124,60,255,.34);
  --z-radius:28px;
  --z-max:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--z-black);color:var(--z-white);font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body.admin-bar .z-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.z-wrap{width:min(var(--z-max),calc(100% - 40px));margin:auto}.z-section{position:relative;padding:110px 0}.z-section-sm{padding:76px 0}.z-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--z-purple-3);font-weight:700}.z-title{font-size:clamp(42px,6.2vw,96px);line-height:.96;letter-spacing:-.055em;margin:16px 0 24px}.z-subtitle{font-size:clamp(18px,2vw,24px);line-height:1.55;color:var(--z-muted);max-width:760px}.z-gradient{background:linear-gradient(120deg,#fff 10%,#b99cff 46%,#7c3cff 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.z-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;background:var(--z-purple);color:#fff;font-weight:750;border:1px solid rgba(255,255,255,.08);box-shadow:var(--z-glow);transition:.3s}.z-btn:hover{transform:translateY(-3px);background:#8a50ff}.z-btn-ghost{background:transparent;border-color:var(--z-line);box-shadow:none}.z-btn-ghost:hover{background:rgba(124,60,255,.08)}

/* Header */
.z-header{position:sticky;top:0;z-index:120;background:rgba(5,5,7,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--z-line)}.z-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.z-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;letter-spacing:-.03em}.z-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#9d70ff,#5b1bdb);display:grid;place-items:center;box-shadow:0 0 26px rgba(124,60,255,.42);font-weight:900}.z-menu{display:flex;gap:30px;align-items:center}.z-menu>a,.z-menu .z-drop-trigger{font-weight:700;color:#efeaff;opacity:.9}.z-menu>a:hover,.z-menu .z-drop-trigger:hover{color:#b99cff}.z-drop{position:relative}.z-drop-trigger{display:flex;gap:6px;align-items:center;cursor:pointer}.z-mega{position:absolute;top:52px;left:50%;transform:translateX(-50%) translateY(10px);width:440px;background:rgba(8,7,12,.98);border:1px solid var(--z-line);border-radius:22px;padding:16px;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 30px 80px rgba(0,0,0,.55)}.z-drop:hover .z-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.z-mega-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9289a7;padding:8px 10px 12px}.z-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.z-mega a{display:block;padding:14px;border-radius:14px;border:1px solid transparent}.z-mega a:hover{background:rgba(124,60,255,.08);border-color:var(--z-line)}.z-mega strong{display:block;font-size:14px}.z-mega small{display:block;color:#8f879f;margin-top:4px;font-size:12px}.z-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}

/* Generic hero foundation */
.z-hero{position:relative;min-height:84vh;display:flex;align-items:center;overflow:hidden;background:#050507}.z-hero .z-wrap{position:relative;z-index:4}.z-hero-copy{max-width:820px}.z-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.z-hero-meta{display:flex;gap:40px;margin-top:48px;color:#aaa2bd;font-size:13px}.z-hero-meta b{color:#fff;display:block;font-size:18px;margin-bottom:4px}.z-dark-card{background:linear-gradient(180deg,rgba(18,10,29,.9),rgba(8,7,12,.94));border:1px solid var(--z-line);border-radius:var(--z-radius);box-shadow:0 24px 80px rgba(0,0,0,.35)}

/* Home unique motion: luminous mesh */
.home .z-hero:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 72% 28%,rgba(124,60,255,.26),transparent 25%),radial-gradient(circle at 35% 75%,rgba(91,27,219,.18),transparent 24%);filter:blur(10px);animation:homeAurora 9s ease-in-out infinite alternate}.home .z-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(124,60,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,60,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 90%);animation:gridDrift 16s linear infinite}.home-mesh{position:absolute;right:-5vw;top:8%;width:48vw;height:70vh;perspective:900px;z-index:2}.home-mesh i{position:absolute;border:1px solid rgba(157,112,255,.42);background:linear-gradient(135deg,rgba(124,60,255,.08),transparent);box-shadow:inset 0 0 40px rgba(124,60,255,.06)}.home-mesh i:nth-child(1){width:300px;height:300px;right:10%;top:12%;transform:rotateX(62deg) rotateZ(26deg);animation:mesh1 8s ease-in-out infinite}.home-mesh i:nth-child(2){width:220px;height:390px;right:23%;top:28%;transform:rotateY(55deg) rotateZ(-19deg);animation:mesh2 10s ease-in-out infinite}.home-mesh i:nth-child(3){width:420px;height:130px;right:3%;top:54%;transform:rotateX(52deg) rotateY(20deg);animation:mesh3 7s ease-in-out infinite}.home-mesh .beam{position:absolute;width:2px;height:90%;right:43%;top:5%;background:linear-gradient(transparent,#a97cff,transparent);filter:drop-shadow(0 0 12px #7c3cff);animation:beamSweep 5s ease-in-out infinite}
@keyframes homeAurora{to{transform:translate3d(-4%,4%,0) scale(1.08)}}@keyframes gridDrift{to{background-position:70px 70px}}@keyframes mesh1{50%{transform:rotateX(66deg) rotateZ(42deg) translateY(-20px)}}@keyframes mesh2{50%{transform:rotateY(42deg) rotateZ(-8deg) translateX(-18px)}}@keyframes mesh3{50%{transform:rotateX(58deg) rotateY(28deg) translateY(18px)}}@keyframes beamSweep{50%{right:22%;opacity:.3}}

.home-stack{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--z-line);border-radius:24px;overflow:hidden}.home-stack article{padding:34px;min-height:230px;border-right:1px solid var(--z-line);background:linear-gradient(180deg,#0c0814,#08070d);position:relative;overflow:hidden}.home-stack article:last-child{border-right:0}.home-stack article:before{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(124,60,255,.2);transform:rotate(45deg);right:-70px;bottom:-70px;transition:.5s}.home-stack article:hover:before{right:-40px;bottom:-40px;box-shadow:0 0 35px rgba(124,60,255,.18)}.home-stack h3{font-size:26px;margin:28px 0 12px}.home-stack p{color:var(--z-muted);line-height:1.6}.home-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.home-showcase .visual{min-height:520px;overflow:hidden;position:relative}.home-showcase .visual .scan{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(124,60,255,.08) 55px),repeating-linear-gradient(0deg,transparent 0 54px,rgba(124,60,255,.08) 55px);animation:scanMove 8s linear infinite}.home-showcase .visual .panels{position:absolute;inset:15%;display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(-6deg)}.home-showcase .visual .panels span{border:1px solid rgba(124,60,255,.22);background:rgba(124,60,255,.05);border-radius:18px;animation:panelFloat 5s ease-in-out infinite}.home-showcase .visual .panels span:nth-child(2){animation-delay:-1.5s}.home-showcase .visual .panels span:nth-child(3){animation-delay:-3s}.home-showcase .visual .panels span:nth-child(4){animation-delay:-2s}@keyframes scanMove{to{background-position:55px 55px}}@keyframes panelFloat{50%{transform:translateY(-14px);background:rgba(124,60,255,.1)}}

/* Reusable content grids */
.z-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.z-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.z-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.z-copy h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.045em;margin:0 0 22px}.z-copy p{color:var(--z-muted);line-height:1.75;font-size:17px}.z-list{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.z-list li{padding:14px 16px;border:1px solid var(--z-line);border-radius:14px;background:rgba(124,60,255,.035);color:#ddd8eb}.z-service-card{padding:28px;min-height:260px;position:relative;overflow:hidden}.z-service-card .num{font-size:11px;letter-spacing:.18em;color:#9d83c8}.z-service-card h3{font-size:26px;margin:52px 0 12px}.z-service-card p{color:#9f98b0;line-height:1.6}.z-service-card:after{content:"";position:absolute;left:24px;right:24px;bottom:24px;height:1px;background:linear-gradient(90deg,#6d2cf2,#aa7cff,transparent);transform:scaleX(.5);transform-origin:left;transition:.5s}.z-service-card:hover:after{transform:scaleX(1)}

/* Services overview unique animation */
.page-services .z-hero{background:radial-gradient(circle at 70% 15%,#1b0b35 0,transparent 30%),#050507}.service-lattice{position:absolute;right:4%;top:15%;width:44vw;height:60vh;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:10px;transform:perspective(900px) rotateY(-18deg) rotateX(10deg)}.service-lattice span{border:1px solid rgba(145,91,255,.22);background:rgba(124,60,255,.035);animation:latticePulse 4s ease-in-out infinite}.service-lattice span:nth-child(3n){animation-delay:-1s}.service-lattice span:nth-child(4n){animation-delay:-2s}.service-lattice span:nth-child(5n){animation-delay:-3s}@keyframes latticePulse{50%{background:rgba(124,60,255,.2);transform:translateZ(24px);box-shadow:0 0 20px rgba(124,60,255,.22)}}

/* About unique animation: ribbon typography */
.page-about .z-hero{background:linear-gradient(135deg,#050507 55%,#120620)}.about-ribbons{position:absolute;right:-7%;top:6%;width:60vw;height:74vh;filter:drop-shadow(0 20px 40px rgba(78,24,180,.22))}.about-ribbons b{position:absolute;display:block;height:42px;width:86%;border-radius:999px;background:linear-gradient(90deg,transparent,#6d2bf0,#ae86ff,transparent);opacity:.35;transform-origin:center;animation:ribbonWave 7s ease-in-out infinite}.about-ribbons b:nth-child(1){top:15%;transform:rotate(-18deg)}.about-ribbons b:nth-child(2){top:36%;transform:rotate(14deg);animation-delay:-2s}.about-ribbons b:nth-child(3){top:58%;transform:rotate(-8deg);animation-delay:-4s}.about-ribbons b:nth-child(4){top:76%;transform:rotate(20deg);animation-delay:-1s}@keyframes ribbonWave{50%{width:96%;filter:blur(1px);transform:translateX(-40px) rotate(var(--r,8deg)) scaleY(.7)}}

/* Work unique animation: perspective frames */
.page-work .z-hero{background:linear-gradient(180deg,#050507,#090611)}.work-frames{position:absolute;right:0;top:10%;width:52vw;height:70vh;perspective:1000px}.work-frames span{position:absolute;border:1px solid rgba(151,100,255,.4);background:rgba(124,60,255,.03);box-shadow:0 0 50px rgba(124,60,255,.07)}.work-frames span:nth-child(1){width:330px;height:210px;right:10%;top:10%;transform:rotateY(-28deg) rotateZ(5deg);animation:wframe1 6s ease-in-out infinite}.work-frames span:nth-child(2){width:280px;height:360px;right:34%;top:25%;transform:rotateY(35deg) rotateX(8deg);animation:wframe2 8s ease-in-out infinite}.work-frames span:nth-child(3){width:420px;height:120px;right:8%;bottom:12%;transform:rotateX(52deg);animation:wframe3 5s ease-in-out infinite}@keyframes wframe1{50%{transform:rotateY(-12deg) rotateZ(-3deg) translateY(-24px)}}@keyframes wframe2{50%{transform:rotateY(20deg) rotateX(14deg) translateX(-24px)}}@keyframes wframe3{50%{transform:rotateX(62deg) translateY(18px)}}

/* Insights unique animation: waveform */
.page-insights .z-hero{background:#050507}.insight-wave{position:absolute;right:4%;top:16%;width:45vw;height:55vh;display:flex;align-items:center;gap:8px}.insight-wave i{display:block;width:8px;border-radius:99px;background:linear-gradient(#b995ff,#6c2be8);box-shadow:0 0 14px rgba(124,60,255,.35);animation:wave 2.2s ease-in-out infinite}.insight-wave i:nth-child(3n){animation-delay:-.5s}.insight-wave i:nth-child(4n){animation-delay:-1s}.insight-wave i:nth-child(5n){animation-delay:-1.4s}@keyframes wave{0%,100%{height:14%}50%{height:80%}}

/* Contact unique animation: terminal rain */
.page-contact .z-hero{background:linear-gradient(135deg,#050507,#0d0716)}.contact-terminal{position:absolute;right:5%;top:18%;width:42vw;height:52vh;border:1px solid var(--z-line);border-radius:24px;background:#09070e;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.contact-terminal:before{content:"project.request\A strategy.align\A build.system\A launch.measure\A optimize.scale\A connect.partner";white-space:pre;position:absolute;left:7%;top:12%;color:#ab8cff;font-family:ui-monospace,monospace;line-height:2.2;font-size:clamp(14px,1.5vw,22px);animation:terminalType 6s steps(28) infinite}.contact-terminal:after{content:"";position:absolute;left:0;right:0;height:2px;background:#8a4dff;box-shadow:0 0 18px #7c3cff;animation:termScan 4s linear infinite}@keyframes terminalType{0%{clip-path:inset(0 100% 0 0)}60%,100%{clip-path:inset(0 0 0 0)}}@keyframes termScan{from{top:0}to{top:100%}}

/* SERVICE PAGE SYSTEMS — each different */
.service-detail .z-hero{min-height:76vh}.service-detail .z-hero .z-title{max-width:900px}.service-section-title{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.045em;margin:0 0 18px}.capability-layout{margin-top:40px}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--z-line);border-radius:22px;overflow:hidden}.process-strip article{padding:28px;border-right:1px solid var(--z-line);min-height:210px;background:#09070e}.process-strip article:last-child{border-right:0}.process-strip b{color:#9f7aff;font-size:12px;letter-spacing:.18em}.process-strip h3{font-size:22px;margin-top:40px}.process-strip p{color:#9e97ad;line-height:1.6}

/* Digital Marketing: live funnel spectrum */
.service-digital-marketing .z-hero{background:radial-gradient(circle at 82% 40%,rgba(107,36,231,.22),transparent 28%),#050507}.dm-spectrum{position:absolute;right:4%;top:14%;width:45vw;height:58vh;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end}.dm-spectrum i{display:block;background:linear-gradient(#b692ff,#6d2bea);border-radius:8px 8px 2px 2px;animation:dmBars 3s ease-in-out infinite;box-shadow:0 0 16px rgba(124,60,255,.18)}.dm-spectrum i:nth-child(2n){animation-delay:-.6s}.dm-spectrum i:nth-child(3n){animation-delay:-1.2s}.dm-spectrum i:nth-child(4n){animation-delay:-1.8s}@keyframes dmBars{0%,100%{height:18%}50%{height:88%}}.dm-funnel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dm-funnel article{padding:24px;border:1px solid var(--z-line);border-radius:20px;background:#0a0710;position:relative;overflow:hidden}.dm-funnel article:after{content:"";position:absolute;width:120%;height:1px;background:linear-gradient(90deg,transparent,#8f54ff,transparent);left:-10%;bottom:25%;animation:funnelLine 4s linear infinite}@keyframes funnelLine{to{transform:translateX(40%)}}

/* WordPress: layered browser windows */
.service-wordpress .z-hero{background:linear-gradient(130deg,#050507 60%,#120820)}.wp-browser{position:absolute;right:4%;top:12%;width:46vw;height:60vh;perspective:1100px}.wp-browser span{position:absolute;border:1px solid rgba(147,93,255,.35);border-radius:18px;background:linear-gradient(180deg,#140c21,#09070e);box-shadow:0 30px 60px rgba(0,0,0,.32)}.wp-browser span:before{content:"●  ●  ●";position:absolute;top:14px;left:18px;color:#8a68bc;letter-spacing:8px;font-size:8px}.wp-browser span:nth-child(1){width:68%;height:54%;right:4%;top:8%;transform:rotateY(-14deg);animation:wp1 7s ease-in-out infinite}.wp-browser span:nth-child(2){width:64%;height:50%;right:22%;top:26%;transform:rotateY(11deg);animation:wp2 6s ease-in-out infinite}.wp-browser span:nth-child(3){width:52%;height:36%;right:8%;bottom:4%;transform:rotateX(12deg);animation:wp3 5s ease-in-out infinite}@keyframes wp1{50%{transform:rotateY(-4deg) translateY(-18px)}}@keyframes wp2{50%{transform:rotateY(2deg) translateX(-20px)}}@keyframes wp3{50%{transform:rotateX(2deg) translateY(14px)}}.wp-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wp-modules article{min-height:180px;padding:24px;border:1px solid var(--z-line);border-radius:18px;background:linear-gradient(180deg,#0d0815,#08070d)}

/* Shopify: conveyor ecommerce */
.service-shopify .z-hero{background:radial-gradient(ellipse at 78% 45%,rgba(124,60,255,.18),transparent 30%),#050507}.shop-conveyor{position:absolute;right:3%;top:22%;width:48vw;height:48vh;border-top:1px solid rgba(145,88,255,.3);border-bottom:1px solid rgba(145,88,255,.3);overflow:hidden}.shop-conveyor .track{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#7340e6,#b18cff,transparent)}.shop-conveyor span{position:absolute;top:28%;width:110px;height:135px;border-radius:18px;border:1px solid var(--z-line);background:#0e0917;box-shadow:0 0 20px rgba(124,60,255,.12);animation:shopMove 9s linear infinite}.shop-conveyor span:nth-child(2){animation-delay:-3s}.shop-conveyor span:nth-child(3){animation-delay:-6s}.shop-conveyor span:before{content:"SHOP";position:absolute;inset:0;display:grid;place-items:center;color:#9b78df;font-size:12px;letter-spacing:.18em}@keyframes shopMove{from{left:-15%;transform:rotate(-6deg)}to{left:105%;transform:rotate(6deg)}}.commerce-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.commerce-steps article{padding:24px;border-radius:18px;background:#0b0712;border:1px solid var(--z-line);position:relative}.commerce-steps article:after{content:"→";position:absolute;right:-17px;top:50%;color:#7d50d8}.commerce-steps article:last-child:after{display:none}

/* SEO: scanning SERP */
.service-seo .z-hero{background:#050507}.seo-serp{position:absolute;right:4%;top:13%;width:45vw;height:58vh;border:1px solid var(--z-line);border-radius:22px;background:#08070d;padding:28px;overflow:hidden}.seo-serp:after{content:"";position:absolute;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(124,60,255,.12),transparent);animation:seoScan 4s linear infinite}.seo-serp i{display:block;height:14px;border-radius:99px;background:#1b1230;margin:19px 0;position:relative;overflow:hidden}.seo-serp i:before{content:"";position:absolute;inset:0;width:var(--w,72%);background:linear-gradient(90deg,#6530d5,#a679ff);opacity:.65}.seo-serp i:nth-child(2){--w:48%}.seo-serp i:nth-child(3){--w:86%}.seo-serp i:nth-child(4){--w:62%}.seo-serp i:nth-child(5){--w:76%}@keyframes seoScan{from{top:-20%}to{top:100%}}.seo-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-map article{padding:25px;border-left:2px solid #7139e5;background:linear-gradient(90deg,rgba(124,60,255,.08),transparent)}

/* Creative: kinetic type collage */
.service-creative .z-hero{background:linear-gradient(145deg,#050507 56%,#140821)}.creative-type{position:absolute;right:-3%;top:6%;width:58vw;height:70vh;overflow:hidden}.creative-type b{position:absolute;font-size:clamp(60px,10vw,160px);font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(166,122,255,.35);animation:typeDrift 8s ease-in-out infinite}.creative-type b:nth-child(1){top:3%;left:8%}.creative-type b:nth-child(2){top:29%;left:28%;animation-delay:-2s}.creative-type b:nth-child(3){top:54%;left:4%;animation-delay:-4s}.creative-type b:nth-child(4){top:68%;left:48%;animation-delay:-6s}@keyframes typeDrift{50%{transform:translate3d(-40px,18px,0) skewX(-5deg);-webkit-text-stroke-color:rgba(197,166,255,.55)}}.creative-collage{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.creative-collage article{min-height:240px;padding:24px;border:1px solid var(--z-line);border-radius:24px;background:#0a0710}.creative-collage article:nth-child(1){grid-row:span 2;min-height:496px;background:linear-gradient(160deg,#1a0b31,#09070e)}

/* Custom Development: code stream */
.service-custom .z-hero{background:#050507}.code-stream{position:absolute;right:2%;top:10%;width:50vw;height:64vh;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}.code-stream div{position:absolute;font-family:ui-monospace,monospace;color:#8b62d4;font-size:14px;white-space:nowrap;animation:codeFall 10s linear infinite}.code-stream div:nth-child(1){left:2%;animation-delay:-1s}.code-stream div:nth-child(2){left:22%;animation-delay:-6s}.code-stream div:nth-child(3){left:48%;animation-delay:-3s}.code-stream div:nth-child(4){left:70%;animation-delay:-8s}@keyframes codeFall{from{top:-40%}to{top:110%}}.arch-flow{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:12px}.arch-flow span{padding:22px;border:1px solid var(--z-line);border-radius:16px;background:#0b0712;text-align:center}.arch-flow i{height:1px;background:linear-gradient(90deg,#6427d4,#a981ff);animation:archGlow 2s ease-in-out infinite}@keyframes archGlow{50%{box-shadow:0 0 16px #7c3cff}}

/* Android: phone tunnel */
.service-android .z-hero{background:radial-gradient(circle at 80% 42%,rgba(99,36,206,.22),transparent 25%),#050507}.phone-tunnel{position:absolute;right:3%;top:9%;width:48vw;height:65vh;perspective:1000px}.phone-tunnel span{position:absolute;width:190px;height:380px;border:1px solid rgba(155,103,255,.38);border-radius:34px;background:linear-gradient(180deg,#120a1f,#08070d);left:50%;top:50%;transform-origin:center;box-shadow:0 30px 70px rgba(0,0,0,.4)}.phone-tunnel span:nth-child(1){transform:translate(-50%,-50%) translateZ(0);animation:phone1 6s ease-in-out infinite}.phone-tunnel span:nth-child(2){transform:translate(-80%,-48%) translateZ(-120px) rotateY(18deg);opacity:.7;animation:phone2 7s ease-in-out infinite}.phone-tunnel span:nth-child(3){transform:translate(-20%,-52%) translateZ(-180px) rotateY(-18deg);opacity:.5;animation:phone3 8s ease-in-out infinite}@keyframes phone1{50%{transform:translate(-50%,-54%) translateZ(50px)}}@keyframes phone2{50%{transform:translate(-88%,-45%) translateZ(-60px) rotateY(8deg)}}@keyframes phone3{50%{transform:translate(-10%,-55%) translateZ(-130px) rotateY(-10deg)}}.app-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-lifecycle article{padding:26px;border-radius:22px;border:1px solid var(--z-line);background:#0a0710}.app-lifecycle article:nth-child(even){transform:translateY(36px)}

/* Maintenance: system radar lines, not orb */
.service-maintenance .z-hero{background:linear-gradient(180deg,#050507,#090611)}.maint-monitor{position:absolute;right:4%;top:14%;width:45vw;height:58vh;border:1px solid var(--z-line);border-radius:24px;background:#08070d;padding:28px;overflow:hidden}.maint-monitor .line{height:42px;border-bottom:1px solid rgba(141,90,255,.12);position:relative}.maint-monitor .line:before{content:"";position:absolute;left:0;top:50%;height:2px;width:100%;background:linear-gradient(90deg,transparent 0 10%,#6d2cea 20%,#b99cff 33%,#6d2cea 49%,transparent 70%);background-size:200% 100%;animation:monitorLine 3s linear infinite}.maint-monitor .line:nth-child(2):before{animation-delay:-1s}.maint-monitor .line:nth-child(3):before{animation-delay:-2s}.maint-monitor .line:nth-child(4):before{animation-delay:-.5s}@keyframes monitorLine{to{background-position:-200% 0}}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.health-grid article{padding:24px;border:1px solid var(--z-line);border-radius:18px;background:#0a0710}.health-grid b{display:flex;justify-content:space-between}.health-grid b:after{content:"LIVE";font-size:10px;letter-spacing:.18em;color:#9f7aff}

/* Work cards */
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{min-height:420px;padding:30px;position:relative;overflow:hidden}.project-card:nth-child(3n){grid-column:span 2;min-height:500px}.project-card .project-art{position:absolute;inset:110px 24px 24px;border:1px solid var(--z-line);border-radius:22px;overflow:hidden;background:#09070e}.project-card .project-art:before,.project-card .project-art:after{content:"";position:absolute;border:1px solid rgba(154,99,255,.28);animation:projectSweep 7s ease-in-out infinite}.project-card .project-art:before{width:70%;height:60%;left:15%;top:16%;transform:rotate(8deg)}.project-card .project-art:after{width:42%;height:80%;left:38%;top:8%;transform:rotate(-15deg);animation-delay:-3s}@keyframes projectSweep{50%{transform:translateX(20px) rotate(-6deg);box-shadow:0 0 30px rgba(124,60,255,.12)}}

/* Insights cards */
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{padding:26px;min-height:320px}.insight-card h3{font-size:25px;margin:70px 0 14px}.insight-card p{color:#9c95aa;line-height:1.6}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-info{padding:34px}.contact-form{padding:34px}.contact-form label{display:block;font-size:13px;color:#b8afc7;margin-bottom:8px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#09070e;border:1px solid var(--z-line);border-radius:14px;color:#fff;padding:15px 16px;margin-bottom:16px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#7c3cff;box-shadow:0 0 0 3px rgba(124,60,255,.1)}

/* FAQ */
.z-faq{display:grid;gap:10px}.z-faq details{border:1px solid var(--z-line);border-radius:16px;padding:18px 20px;background:#09070e}.z-faq summary{cursor:pointer;font-weight:760}.z-faq p{color:#9f98ad;line-height:1.6}

/* Footer */
.z-footer{border-top:1px solid var(--z-line);background:#030304;padding:70px 0 28px}.z-footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1fr .8fr;gap:34px}.z-footer h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8f85a3;margin:0 0 18px}.z-footer a{display:block;color:#cfc8dc;margin:10px 0;font-size:14px}.z-footer p{color:#877f94;line-height:1.7}.z-copyline{margin-top:50px;padding-top:22px;border-top:1px solid rgba(124,60,255,.12);color:#6f687a;font-size:12px;display:flex;justify-content:space-between}

/* Scroll reveal */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}[data-reveal].in{opacity:1;transform:none}.tilt{transform-style:preserve-3d;transition:transform .18s ease}

@media(max-width:980px){.z-menu{display:none;position:absolute;left:20px;right:20px;top:74px;background:#08070d;border:1px solid var(--z-line);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start}.z-menu.open{display:flex}.z-menu-toggle{display:block}.z-mega{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:none;margin-top:10px}.z-drop.open .z-mega{display:block}.z-mega-grid{grid-template-columns:1fr}.z-hero{min-height:78vh}.home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,.dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor{opacity:.45;width:78vw;right:-25vw}.z-grid-3,.z-grid-4,.home-stack,.process-strip,.commerce-steps,.app-lifecycle,.wp-modules,.seo-map,.creative-collage{grid-template-columns:1fr 1fr}.home-showcase,.contact-grid,.z-footer-grid{grid-template-columns:1fr}.project-grid,.insight-grid{grid-template-columns:1fr}.project-card:nth-child(3n){grid-column:auto}.arch-flow{grid-template-columns:1fr}.arch-flow i{display:none}}
@media(max-width:640px){body.admin-bar .z-header{top:46px}.z-wrap{width:min(100% - 28px,var(--z-max))}.z-section{padding:78px 0}.z-title{font-size:48px}.z-hero-meta{gap:18px;flex-wrap:wrap}.z-grid-2,.z-grid-3,.z-grid-4,.home-stack,.process-strip,.commerce-steps,.app-lifecycle,.wp-modules,.seo-map,.creative-collage,.health-grid{grid-template-columns:1fr}.home-stack article{border-right:0;border-bottom:1px solid var(--z-line)}.process-strip article{border-right:0;border-bottom:1px solid var(--z-line)}.creative-collage article:nth-child(1){grid-row:auto;min-height:280px}.app-lifecycle article:nth-child(even){transform:none}.z-footer-grid{grid-template-columns:1fr 1fr}.z-copyline{display:block}.z-mega{padding:10px}.home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,.dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor{display:none}}


/* V1.1 interaction polish — purple/black only */
.z-mega{width:390px;padding:18px 18px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(8,6,12,.99),rgba(5,4,8,.99));box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 0 1px rgba(124,60,255,.04) inset;overflow:hidden}
.z-mega:before{content:"";position:absolute;inset:-90px auto auto -90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,60,255,.14),transparent 68%);pointer-events:none;animation:menuAura 6s ease-in-out infinite alternate}
@keyframes menuAura{to{transform:translate(210px,80px) scale(1.2);opacity:.55}}
.z-mega-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px;border-bottom:1px solid rgba(155,103,255,.14);z-index:1}.z-mega-head strong{font-size:17px}.z-mega-label{padding:0 0 5px;font-size:10px;color:#8d84a1}.z-mega-pulse{width:9px;height:9px;border-radius:50%;background:#9b67ff;box-shadow:0 0 0 0 rgba(155,103,255,.5);animation:menuPulse 2s infinite}@keyframes menuPulse{70%{box-shadow:0 0 0 10px rgba(155,103,255,0)}}
.z-mega-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:0}.z-mega-grid>a{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:10px;padding:14px 8px;border-radius:0;border:0;border-bottom:1px solid rgba(155,103,255,.12);transition:background .25s ease,padding .25s ease,color .25s ease}.z-mega-grid>a:hover{padding-left:14px;background:linear-gradient(90deg,rgba(124,60,255,.13),rgba(124,60,255,.02));border-color:rgba(155,103,255,.2)}.z-mega-index{font-size:10px;letter-spacing:.12em;color:#775da8}.z-mega-copy{min-width:0}.z-mega-copy strong{font-size:14px;line-height:1.2}.z-mega-copy small{font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-mega-arrow{font-size:15px;color:#9b67ff;transform:translateX(-5px);opacity:.35;transition:.25s}.z-mega-grid>a:hover .z-mega-arrow{transform:translateX(0);opacity:1}.z-mega-all{position:relative;z-index:1!important;display:flex!important;align-items:center;justify-content:space-between;margin-top:10px!important;padding:12px 14px!important;border:1px solid rgba(155,103,255,.18)!important;border-radius:12px!important;background:rgba(124,60,255,.055)!important;color:#d9cbff!important;font-weight:750;font-size:13px}.z-mega-all:hover{background:rgba(124,60,255,.12)!important;box-shadow:0 0 24px rgba(124,60,255,.12)}

/* Universal interactive surface for cards and boxed content */
.z-hover-card{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease,background .32s ease}
.z-hover-card:before{content:"";position:absolute;z-index:-1;left:var(--mx);top:var(--my);width:250px;height:120px;border-radius:50%;transform:translate(-50%,-50%) scale(.35);background:radial-gradient(ellipse,rgba(155,103,255,.20) 0%,rgba(124,60,255,.08) 42%,transparent 72%);opacity:0;filter:blur(5px);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.z-hover-card:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,transparent 12%,rgba(196,168,255,.5) 45%,rgba(124,60,255,.22) 61%,transparent 84%);background-size:220% 100%;background-position:160% 0;opacity:0;transition:opacity .28s ease,background-position .7s ease;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.z-hover-card:hover{transform:translateY(-7px);border-color:rgba(155,103,255,.42)!important;background-color:#0d0816;box-shadow:0 22px 55px rgba(0,0,0,.38),0 0 35px rgba(124,60,255,.10)}
.z-hover-card:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.z-hover-card:hover:after{opacity:1;background-position:-30% 0}
.z-hover-card h3,.z-hover-card b,.z-hover-card p,.z-hover-card span{position:relative;z-index:1}.z-hover-card h3,.z-hover-card b{transition:transform .3s ease,color .3s ease}.z-hover-card:hover h3,.z-hover-card:hover b{transform:translateX(4px);color:#fff}.z-hover-card p{transition:color .3s ease}.z-hover-card:hover p{color:#c2b7d2}

/* Keep service-card underline compatible with the new hover layer */
.z-service-card.z-hover-card:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;padding:1px;height:auto;left:0;right:0;bottom:0;background:linear-gradient(115deg,transparent 12%,rgba(196,168,255,.5) 45%,rgba(124,60,255,.22) 61%,transparent 84%);background-size:220% 100%;transform:none;opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.z-service-card.z-hover-card:hover:after{opacity:1;background-position:-30% 0}

@media(max-width:980px){.z-mega{width:100%}.z-mega:before{display:none}.z-mega-grid{grid-template-columns:1fr}.z-hover-card:hover{transform:none}}


/* V1.2 typography + contact polish */
.z-title,.z-copy h2,.service-section-title,.z-service-card h3,.home-stack h3,.process-strip h3,.z-mega strong,.z-brand{font-family:"Space Grotesk",Manrope,Inter,system-ui,sans-serif}
.z-title,.z-copy h2,.service-section-title{font-weight:650}
.z-subtitle,.z-copy p,.z-service-card p,.z-list li,.contact-form,.z-footer{font-family:Manrope,Inter,system-ui,sans-serif}
.z-contact-links{display:grid;gap:12px;margin-top:28px}
.z-contact-links>a{display:grid;grid-template-columns:120px 1fr 24px;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--z-line);border-radius:16px;background:rgba(124,60,255,.035);transition:.3s ease;overflow:hidden;position:relative}
.z-contact-links>a:before{content:"";position:absolute;width:160px;height:90px;border-radius:50%;right:-80px;top:50%;transform:translateY(-50%) scale(.6);background:radial-gradient(ellipse,rgba(155,103,255,.18),transparent 70%);transition:.35s ease}
.z-contact-links>a:hover{transform:translateX(5px);border-color:rgba(155,103,255,.42);background:rgba(124,60,255,.08);box-shadow:0 16px 36px rgba(0,0,0,.25)}
.z-contact-links>a:hover:before{right:-35px;transform:translateY(-50%) scale(1)}
.z-contact-links span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8f85a3}
.z-contact-links strong{font-size:15px;overflow-wrap:anywhere}
.z-contact-links b{color:var(--z-purple-2);text-align:right}
.z-elementor-content:empty{display:none}
.z-elementor-content{position:relative;z-index:2}
@media(max-width:640px){.z-contact-links>a{grid-template-columns:1fr 24px}.z-contact-links span{grid-column:1/-1}.z-contact-links strong{font-size:14px}}


/* V1.4 final service-page + typography + responsive polish */
body{font-family:Manrope,Inter,system-ui,sans-serif;font-size:16px;line-height:1.65}
.z-title,.z-copy h2,.service-section-title,.z-service-card h3,.home-stack h3,.process-strip h3,.z-mega strong,.z-brand,.z-bespoke-service h3{font-family:Syne,Manrope,Inter,system-ui,sans-serif}
.z-title{font-weight:700;letter-spacing:-.06em}
.z-copy h2,.service-section-title{font-weight:650;line-height:1.02}
.z-subtitle{font-size:clamp(15px,1.28vw,18px);line-height:1.7;max-width:700px;color:#aaa2bd}
.z-copy p{font-size:16px;line-height:1.78}
.z-service-card p,.process-strip p,.z-hover-card p{font-size:14px;line-height:1.65}
.z-bespoke-service h3{letter-spacing:-.025em}

/* Digital marketing bespoke visual language */
.z-dm-hero{background:radial-gradient(circle at 79% 38%,rgba(124,60,255,.2),transparent 28%),linear-gradient(145deg,#050507,#0d0617 70%,#050507)}
.dm-command{position:absolute;right:3vw;top:10%;width:min(52vw,720px);height:68vh;min-height:520px;perspective:900px}
.dm-ring{position:absolute;border:1px solid rgba(161,111,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:dmOrbitSpin 14s linear infinite}.dm-ring.r1{width:430px;height:430px}.dm-ring.r2{width:330px;height:330px;animation-direction:reverse;animation-duration:10s}.dm-ring.r3{width:230px;height:230px;animation-duration:7s}
.dm-ring:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b58cff;box-shadow:0 0 24px #7c3cff;top:12%;left:20%}
.dm-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:28px;background:rgba(10,7,16,.88);border:1px solid rgba(171,126,255,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 70px rgba(124,60,255,.14);animation:dmCoreFloat 5s ease-in-out infinite}.dm-core b{font-size:10px;letter-spacing:.25em;color:#9b67ff}.dm-core strong{font-family:Syne,sans-serif;font-size:48px;line-height:1}.dm-core small{color:#8f879f;margin-top:8px}
.dm-node{position:absolute;width:14px;height:14px;border:1px solid #9b67ff;background:#09070e;transform:rotate(45deg);box-shadow:0 0 24px rgba(124,60,255,.32);animation:dmNodePulse 3s ease-in-out infinite}.dm-node.n1{left:10%;top:20%}.dm-node.n2{right:8%;top:30%;animation-delay:-1s}.dm-node.n3{left:20%;bottom:14%;animation-delay:-2s}.dm-node.n4{right:22%;bottom:8%;animation-delay:-.5s}
@keyframes dmOrbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dmCoreFloat{50%{transform:translate(-50%,-54%) rotate(-2deg)}}@keyframes dmNodePulse{50%{transform:rotate(45deg) scale(1.65);opacity:.45}}
.dm-intro-grid{align-items:center}.dm-radar-card{min-height:420px;position:relative;overflow:hidden;background:repeating-radial-gradient(circle at center,rgba(124,60,255,.12) 0 1px,transparent 2px 62px),#09070e}.dm-radar-card:after{content:"";position:absolute;inset:12%;border:1px solid rgba(155,103,255,.18);border-radius:50%}.radar-sweep{position:absolute;left:50%;top:50%;width:44%;height:2px;transform-origin:left;background:linear-gradient(90deg,#9b67ff,transparent);filter:drop-shadow(0 0 8px #7c3cff);animation:radarSweep 4.5s linear infinite}.radar-copy{position:absolute;inset:0}.radar-copy span{position:absolute;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#9588aa}.radar-copy span:nth-child(1){left:15%;top:18%}.radar-copy span:nth-child(2){right:14%;top:28%}.radar-copy span:nth-child(3){left:22%;bottom:18%}.radar-copy span:nth-child(4){right:18%;bottom:20%}@keyframes radarSweep{to{transform:rotate(360deg)}}
.z-dm-services{background:#08060d}.dm-service-wall{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--z-line);border-radius:28px;overflow:hidden}.dm-service-wall article{min-height:190px;padding:26px;border-right:1px solid var(--z-line);border-bottom:1px solid var(--z-line);background:linear-gradient(150deg,#0b0713,#07060b);position:relative}.dm-service-wall article:nth-child(3n){border-right:0}.dm-service-wall article:nth-last-child(-n+3){border-bottom:0}.dm-service-wall article>span{font-size:10px;letter-spacing:.18em;color:#8e6bc7}.dm-service-wall h3{font-size:20px;margin:44px 0 24px}.dm-meter{height:2px;background:#17101f;overflow:hidden}.dm-meter i{display:block;height:100%;width:45%;background:linear-gradient(90deg,#5b1bdb,#a77dff);animation:dmMeter 4s ease-in-out infinite alternate}@keyframes dmMeter{to{width:95%}}
.dm-flow-visual{min-height:500px;padding:36px;display:grid;align-content:space-around;position:relative;overflow:hidden}.dm-flow-visual b{font-family:Syne,sans-serif;font-size:clamp(24px,3vw,42px);position:relative;z-index:2}.dm-flow-visual b:nth-of-type(even){text-align:right}.flow-line{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#8d4dff,#b99cff,#8d4dff,transparent);animation:flowPulse 3s ease-in-out infinite}@keyframes flowPulse{50%{box-shadow:0 0 30px #7c3cff;opacity:.4}}.dm-outcomes article{padding:34px;min-height:300px}.dm-outcomes h3{font-size:26px;margin:70px 0 12px}.z-bespoke-cta{padding:clamp(38px,6vw,76px);overflow:hidden;position:relative}.z-bespoke-cta:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(124,60,255,.16);right:-140px;top:-160px;transform:rotate(35deg);animation:ctaFrame 8s ease-in-out infinite}@keyframes ctaFrame{50%{transform:rotate(55deg) scale(1.1)}}

/* Android bespoke visual language */
.z-android-hero{background:linear-gradient(135deg,#050507 56%,#11071e)}.android-stage{position:absolute;right:3%;top:8%;width:min(50vw,680px);height:68vh;min-height:520px;perspective:1200px}.android-stage .phone{position:absolute;width:180px;height:370px;border-radius:34px;border:1px solid rgba(165,116,255,.38);background:linear-gradient(180deg,#140a23,#08060c);box-shadow:0 40px 80px rgba(0,0,0,.45);overflow:hidden}.android-stage .phone:before{content:"";position:absolute;left:50%;top:14px;width:60px;height:6px;border-radius:20px;background:#25143d;transform:translateX(-50%)}.android-stage .phone span{position:absolute;left:16px;right:16px;top:58px;height:92px;border-radius:16px;background:linear-gradient(135deg,rgba(124,60,255,.22),rgba(155,103,255,.04));border:1px solid rgba(155,103,255,.16)}.android-stage .phone i{position:absolute;left:16px;right:16px;top:170px;height:130px;background:repeating-linear-gradient(0deg,rgba(155,103,255,.16) 0 1px,transparent 1px 26px)}.android-stage .p1{right:31%;top:16%;transform:rotateY(-14deg) rotateZ(4deg);animation:phoneHero1 6s ease-in-out infinite}.android-stage .p2{right:4%;top:28%;transform:translateZ(-120px) rotateY(-28deg);opacity:.7;animation:phoneHero2 7s ease-in-out infinite}.android-stage .p3{right:54%;top:32%;transform:translateZ(-160px) rotateY(22deg);opacity:.55;animation:phoneHero3 8s ease-in-out infinite}.app-signal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#9b67ff,transparent);filter:drop-shadow(0 0 8px #7c3cff);animation:appSignal 4s linear infinite}.app-signal.s1{left:4%;right:0;top:42%}.app-signal.s2{left:18%;right:8%;top:63%;animation-delay:-2s}@keyframes phoneHero1{50%{transform:rotateY(-4deg) rotateZ(-2deg) translateY(-18px)}}@keyframes phoneHero2{50%{transform:translateZ(-70px) rotateY(-15deg) translateX(10px)}}@keyframes phoneHero3{50%{transform:translateZ(-100px) rotateY(10deg) translateY(16px)}}@keyframes appSignal{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
.android-overview{align-items:center}.android-ui-stack{min-height:430px;position:relative;overflow:hidden}.ui-card{position:absolute;width:58%;min-height:140px;padding:26px;border:1px solid rgba(155,103,255,.22);border-radius:22px;background:rgba(10,7,16,.92);display:flex;flex-direction:column;justify-content:center;box-shadow:0 22px 50px rgba(0,0,0,.3)}.ui-card b{font-family:Syne,sans-serif;font-size:32px;color:#b99cff}.ui-card span{color:#8f879f}.ui-card.c1{left:8%;top:10%;transform:rotate(-6deg);animation:uiFloat1 5s ease-in-out infinite}.ui-card.c2{right:7%;top:35%;transform:rotate(5deg);animation:uiFloat2 6s ease-in-out infinite}.ui-card.c3{left:15%;bottom:8%;transform:rotate(-2deg);animation:uiFloat3 7s ease-in-out infinite}@keyframes uiFloat1{50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes uiFloat2{50%{transform:rotate(1deg) translateX(-14px)}}@keyframes uiFloat3{50%{transform:rotate(2deg) translateY(12px)}}
.z-android-cap{background:#08060d}.android-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.android-cap-grid article{padding:26px;min-height:250px;position:relative;overflow:hidden}.cap-num{font-size:10px;color:#8e6bc7;letter-spacing:.16em}.cap-icon{width:64px;height:64px;margin:44px 0 28px;position:relative}.cap-icon i{position:absolute;inset:0;border:1px solid rgba(155,103,255,.3);border-radius:16px;animation:capSpin 6s ease-in-out infinite}.cap-icon i:nth-child(2){transform:rotate(45deg) scale(.65);animation-delay:-3s}@keyframes capSpin{50%{transform:rotate(90deg) scale(.78)}}.android-cap-grid h3{font-size:19px}.android-route{min-height:500px;padding:38px;display:grid;grid-template-columns:1fr;align-content:space-between;position:relative;overflow:hidden}.android-route span{font-family:Syne,sans-serif;font-size:clamp(24px,3vw,38px);position:relative;z-index:2}.route-track{position:absolute;left:68%;top:8%;bottom:8%;width:2px;background:#1a1028}.route-track i{position:absolute;width:2px;height:22%;background:#9b67ff;box-shadow:0 0 20px #7c3cff;animation:routeMove 5s ease-in-out infinite}@keyframes routeMove{0%{top:0}50%{top:78%}100%{top:0}}.z-android-use{background:linear-gradient(180deg,#050507,#0a0611)}.z-android-use article{padding:34px;min-height:290px}.z-android-use h3{font-size:25px;margin:65px 0 12px}

/* Better responsive behavior across the whole theme */
@media(max-width:1180px){.z-wrap{width:min(var(--z-max),calc(100% - 48px))}.z-menu{gap:20px}.z-title{font-size:clamp(48px,7vw,82px)}.android-cap-grid{grid-template-columns:repeat(2,1fr)}.dm-service-wall{grid-template-columns:repeat(2,1fr)}.dm-service-wall article:nth-child(3n){border-right:1px solid var(--z-line)}.dm-service-wall article:nth-child(2n){border-right:0}.dm-service-wall article:nth-last-child(-n+3){border-bottom:1px solid var(--z-line)}.dm-service-wall article:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:980px){.z-nav>.z-btn{display:none}.z-nav{height:72px}.z-menu{max-height:calc(100vh - 100px);overflow:auto}.z-menu>a,.z-drop{width:100%}.z-drop-trigger{justify-content:space-between}.z-hero{min-height:720px;padding:110px 0 70px}.z-hero-copy{max-width:680px}.dm-command,.android-stage{width:70vw;right:-18vw;opacity:.5}.dm-radar-card,.android-ui-stack{min-height:360px}.dm-outcomes,.z-android-use .z-grid-3{grid-template-columns:1fr}.z-footer-grid{grid-template-columns:1fr 1fr}.z-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.z-wrap{width:calc(100% - 28px)}.z-section{padding:72px 0}.z-section-sm{padding:52px 0}.z-title{font-size:clamp(42px,13vw,60px);line-height:1}.z-subtitle{font-size:15px;line-height:1.65}.z-copy h2,.service-section-title{font-size:clamp(34px,10vw,48px)}.z-hero{min-height:auto;padding:110px 0 80px}.z-hero-copy{max-width:100%}.z-hero-actions{gap:9px;margin-top:26px}.z-btn{padding:13px 17px;font-size:14px}.z-hero-meta{font-size:11px}.z-hero-meta b{font-size:16px}.dm-command,.android-stage{display:none}.dm-intro-grid,.android-overview{grid-template-columns:1fr}.dm-service-wall{grid-template-columns:1fr}.dm-service-wall article,.dm-service-wall article:nth-child(2n),.dm-service-wall article:nth-child(3n),.dm-service-wall article:nth-last-child(-n+2),.dm-service-wall article:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--z-line)}.dm-service-wall article:last-child{border-bottom:0}.dm-service-wall article{min-height:155px;padding:22px}.dm-service-wall h3{margin:32px 0 18px;font-size:18px}.dm-radar-card,.android-ui-stack{min-height:320px}.dm-flow-visual,.android-route{min-height:400px}.android-cap-grid{grid-template-columns:1fr}.android-cap-grid article{min-height:210px}.z-grid-2,.z-grid-3,.z-grid-4{grid-template-columns:1fr}.process-strip{grid-template-columns:1fr}.z-footer-grid{grid-template-columns:1fr}.z-footer-grid>div:first-child{grid-column:auto}.z-copyline{gap:8px}.z-mega{max-height:70vh;overflow:auto}}
@media(max-width:480px){.z-brand{font-size:20px}.z-mark{width:34px;height:34px}.z-menu-toggle{font-size:22px}.z-title{font-size:42px}.z-kicker{font-size:10px}.z-section{padding:62px 0}.z-bespoke-cta{padding:30px 22px}.dm-radar-card,.android-ui-stack{min-height:280px}.ui-card{width:72%;padding:18px}.z-contact-links>a{padding:14px}.z-footer{padding-top:54px}}

/* V1.5 — supplied brand mark, calmer typography, protected motion zones, Elementor editing */
.z-mark.z-mark-logo{width:46px;height:46px;padding:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 28px rgba(124,60,255,.34);flex:0 0 46px}
.z-mark.z-mark-logo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.z-brand-name{white-space:nowrap}

/* Headings are intentionally smaller so copy remains readable and never fights the motion artwork. */
.z-title{font-size:clamp(44px,5.25vw,78px);line-height:1.01;letter-spacing:-.045em}
.z-copy h2,.service-section-title{font-size:clamp(36px,4.15vw,60px);line-height:1.06;letter-spacing:-.035em}
.z-bespoke-service .z-title{font-size:clamp(42px,5vw,74px)}

/* Desktop hero: text owns the left side, animation owns the right side. */
@media(min-width:981px){
  .z-hero-copy{max-width:min(690px,56vw);position:relative;z-index:8}
  .home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,
  .dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor,
  .dm-command,.android-stage{right:0!important;left:auto!important;width:min(43vw,690px)!important;max-width:46vw;z-index:2!important;pointer-events:none}
  .z-hero:after,.z-hero:before{pointer-events:none}
}

/* Medium screens keep artwork subtle instead of placing it under headings. */
@media(min-width:701px) and (max-width:980px){
  .z-hero-copy{max-width:74%;position:relative;z-index:8}
  .home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,
  .dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor,
  .dm-command,.android-stage{right:-10vw!important;left:auto!important;width:46vw!important;opacity:.25!important;z-index:1!important;pointer-events:none}
}

/* Elementor output can use the full canvas without inheriting the coded-page constraints. */
.z-elementor-content{position:relative;z-index:5;width:100%;min-height:1px}
.z-elementor-content main{width:100%}
body.elementor-page .z-elementor-content{overflow:visible}

@media(max-width:700px){
  .z-title{font-size:clamp(38px,11vw,52px);line-height:1.04}
  .z-copy h2,.service-section-title{font-size:clamp(32px,9vw,44px)}
  .z-mark.z-mark-logo{width:38px;height:38px;flex-basis:38px;border-radius:11px}
}
@media(max-width:480px){
  .z-title{font-size:40px}
  .z-brand{gap:9px;font-size:19px}
  .z-mark.z-mark-logo{width:36px;height:36px;flex-basis:36px}
}


/* V1.6 — supplied full ZAXVION wordmark + safer heading/motion spacing */
.z-brand-wordmark{display:inline-flex;align-items:center;gap:0;line-height:1;margin:0;flex:0 0 auto}
.z-wordmark-logo{display:block;width:clamp(190px,15vw,250px);height:auto;max-height:48px;object-fit:contain;object-position:left center;filter:none;opacity:1}
.z-footer-wordmark .z-wordmark-logo{width:min(230px,100%);max-height:52px;margin-bottom:6px}

/* Prevent glyphs/gradient words from looking cropped and keep headings away from artwork. */
.z-title,.z-copy h2,.service-section-title,.z-bespoke-service h1,.z-bespoke-service h2{
  line-height:1.09!important;
  letter-spacing:-.038em!important;
  overflow:visible!important;
  padding-top:.05em;
  padding-bottom:.08em;
  text-wrap:balance;
}
.z-title{font-size:clamp(40px,4.65vw,68px)!important;max-width:780px}
.z-copy h2,.service-section-title{font-size:clamp(34px,3.55vw,54px)!important;max-width:900px}
.z-bespoke-service .z-title{font-size:clamp(40px,4.45vw,66px)!important}
.z-gradient{display:inline;padding-bottom:.04em}
.z-kicker{margin-bottom:4px}
.z-section{overflow:visible}

/* Protected motion zones: artwork stays fully inside the viewport instead of being clipped by headings/edges. */
@media(min-width:981px){
  .z-hero{min-height:760px;overflow:hidden;padding:72px 0}
  .z-hero-copy{max-width:min(650px,52vw)!important;padding-right:18px}
  .home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,
  .dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor,
  .dm-command,.android-stage{
    right:2.5vw!important;
    width:min(39vw,620px)!important;
    max-width:620px!important;
    transform-origin:center center;
  }
  .home-mesh{top:12%!important;height:62vh!important;right:1vw!important}
  .service-lattice{top:18%!important;height:54vh!important}
  .dm-command,.android-stage{top:14%!important;height:58vh!important;min-height:470px!important}
}

@media(min-width:701px) and (max-width:980px){
  .z-hero{overflow:hidden;padding:100px 0 82px}
  .z-hero-copy{max-width:70%!important}
  .home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,
  .dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor,
  .dm-command,.android-stage{right:-4vw!important;width:42vw!important;opacity:.28!important}
}

/* Animation cards should have breathing room instead of clipping moving children. */
.dm-radar-card,.dm-flow-visual,.android-ui-stack,.android-route,.home-showcase .visual{overflow:hidden}
.dm-command,.android-stage,.home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,
.dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor{pointer-events:none}

/* Mobile typography and logo sizing. */
@media(max-width:700px){
  .z-wordmark-logo{width:175px;max-height:38px}
  .z-title{font-size:clamp(36px,10vw,48px)!important;line-height:1.1!important}
  .z-copy h2,.service-section-title{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.12!important}
  .z-section{padding:68px 0}
}
@media(max-width:480px){
  .z-wordmark-logo{width:160px;max-height:34px}
  .z-nav{height:68px}
  .z-title{font-size:38px!important}
}

/* V1.6.2 — visible white wordmark + uncropped hero headings */
.z-wordmark-logo{
  width:clamp(205px,16vw,270px)!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Give hero copy enough horizontal room so words do not look cut or squeezed. */
@media(min-width:1200px){
  .z-hero-copy{
    max-width:min(760px,57vw)!important;
    padding-right:28px!important;
  }
  .z-title{
    font-size:clamp(46px,4.25vw,66px)!important;
    line-height:1.08!important;
    max-width:760px!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .home-mesh,.service-lattice,.about-ribbons,.work-frames,.insight-wave,.contact-terminal,
  .dm-spectrum,.wp-browser,.shop-conveyor,.seo-serp,.creative-type,.code-stream,.phone-tunnel,.maint-monitor,
  .dm-command,.android-stage{
    width:min(36vw,590px)!important;
    right:1vw!important;
  }
}

@media(min-width:981px) and (max-width:1199px){
  .z-hero-copy{max-width:58vw!important;padding-right:22px!important}
  .z-title{font-size:clamp(42px,4.7vw,62px)!important;max-width:700px!important}
}

@media(max-width:700px){
  .z-wordmark-logo{width:185px!important;max-height:40px!important}
  .z-title{overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important}
}
@media(max-width:480px){
  .z-wordmark-logo{width:165px!important;max-height:36px!important}
}