/* Axon1Pro unified enhancements — homepage + internal pages */
:root{--axon-accent:#2f91ff;--axon-cyan:#31c8ff;--axon-navy:#03152d;--axon-navy-2:#061a37;--axon-line:rgba(145,172,208,.22)}

.hero-copy{align-self:center}.hero-copy h1{font-size:clamp(36px,3.05vw,50px)!important;line-height:1.22!important;letter-spacing:-1.45px!important;max-width:790px!important;margin:0 auto!important;text-align:center!important}.hero-lead{font-size:19px!important}.hero-blue{color:#348fff!important}.hero-underline{position:relative;display:inline-block;text-decoration:none}.hero-underline:after{content:'';position:absolute;left:2%;right:2%;bottom:.02em;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(49,200,255,.2),#38a4ff 20%,#6bc7ff 50%,#38a4ff 80%,rgba(49,200,255,.2));box-shadow:0 0 8px rgba(49,200,255,.38)}
.tech-hub{filter:drop-shadow(0 18px 42px rgba(0,0,0,.22));isolation:isolate}.hub-globe{position:absolute;inset:4% -3% 3%;z-index:0;border-radius:48% 52% 50% 50%;opacity:.78;background:radial-gradient(ellipse at center,rgba(26,129,255,.12) 0 31%,transparent 32%),radial-gradient(circle at 21% 31%,rgba(49,200,255,.78) 0 1.3px,transparent 1.8px),radial-gradient(circle at 70% 25%,rgba(49,200,255,.56) 0 1.2px,transparent 1.7px),radial-gradient(circle at 82% 58%,rgba(49,200,255,.48) 0 1px,transparent 1.6px),radial-gradient(circle at 31% 70%,rgba(49,200,255,.46) 0 1px,transparent 1.6px),repeating-radial-gradient(ellipse at center,transparent 0 22px,rgba(36,139,255,.13) 23px,transparent 24px 44px);border-top:1px solid rgba(47,145,255,.24);border-bottom:1px solid rgba(47,145,255,.18);box-shadow:0 0 80px rgba(20,106,225,.12) inset}.hub-globe:before,.hub-globe:after{content:'';position:absolute;inset:10% 4%;border:1px solid rgba(45,153,255,.21);border-radius:50%;transform:rotate(-7deg)}.hub-globe:after{inset:20% 0;transform:rotate(8deg);border-color:rgba(45,153,255,.14)}.hub-ring{animation:axonSpin 34s linear infinite;box-shadow:0 0 34px rgba(35,136,255,.08) inset;z-index:1}.hub-core{animation:axonPulse 4.5s ease-in-out infinite;z-index:4;border-color:#2b9cff!important;box-shadow:0 0 32px rgba(27,141,255,.2),0 0 70px rgba(27,141,255,.08)!important}.hub-node{transition:transform .22s ease,filter .22s ease;z-index:5}.hub-node:hover{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 0 12px rgba(49,200,255,.28))}.node-icon{box-shadow:0 0 18px rgba(49,200,255,.2)!important}.hub-core:before{background:linear-gradient(90deg,transparent,rgba(49,200,255,.85),transparent)!important;background-size:220% 100%!important;animation:axonFlowX 3.6s linear infinite}.hub-core:after{background:linear-gradient(180deg,transparent,rgba(49,200,255,.85),transparent)!important;background-size:100% 220%!important;animation:axonFlowY 3.1s linear infinite}@keyframes axonSpin{to{transform:rotate(360deg)}}@keyframes axonPulse{0%,100%{box-shadow:0 0 28px rgba(11,113,235,.13)}50%{box-shadow:0 0 52px rgba(31,145,255,.25)}}@keyframes axonFlowX{0%{background-position:220% 0}100%{background-position:-220% 0}}@keyframes axonFlowY{0%{background-position:0 220%}100%{background-position:0 -220%}}

.ai-platform-strip{border-bottom:1px solid var(--axon-line);background:#04172f;padding:18px 0}.ai-platform-strip .wrap{display:flex;gap:10px 12px;flex-wrap:wrap;align-items:center;justify-content:center}.ai-platform-strip strong{font-size:13px;font-weight:470;color:#9fb1c7;margin-right:4px}.ai-chip{border:1px solid rgba(126,164,211,.28);background:rgba(7,29,61,.85);color:#d8e6f6;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:420;letter-spacing:.01em}

/* Dropdown usability */
.nav-dd[open] .nav-pop{display:grid}.nav-pop{max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain}.nav-dd summary{user-select:none}.nav-dd[open] summary{color:var(--axon-cyan)}

.page-hero,.hero-page{min-height:430px}.page-hero>.wrap,.hero-page>.wrap{position:relative;padding-right:min(43vw,620px)}.page-hero>.wrap:after,.hero-page>.wrap:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(38vw,520px);height:320px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.94;filter:drop-shadow(0 18px 45px rgba(0,0,0,.28));pointer-events:none}.page-hero>.wrap:before,.hero-page>.wrap:before{content:'';position:absolute;right:4%;top:15%;width:360px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(35,136,255,.14),transparent 66%);filter:blur(8px);pointer-events:none}
html:has(link[rel="canonical"][href$="ai-generated-website-app-help.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="vps-docker-ai-app-deployment.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="github-deployment-help.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="netlify-vercel-render-railway-help.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="api-webhook-database-integration.html"]) .page-hero>.wrap:after{background-image:url('images/ai-app-vps-deployment.svg')}html:has(link[rel="canonical"][href$="cloudflare-dns-tunnel.html"]) .page-hero>.wrap:after{background-image:url('images/cloudflare-dns-tunnel.svg')}html:has(link[rel="canonical"][href$="email-smtp-migration.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="microsoft-365-intune-entra.html"]) .page-hero>.wrap:after{background-image:url('images/email-m365-migration.svg')}html:has(link[rel="canonical"][href$="local-llm-setup.html"]) .page-hero>.wrap:after{background-image:url('images/local-llm-private-ai.svg')}html:has(link[rel="canonical"][href$="payment-gateway-integration.html"]) .page-hero>.wrap:after{background-image:url('images/payment-integration.svg')}html:has(link[rel="canonical"][href$="website-platform-support.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="website-platform-support.html"]) .hero-page>.wrap:after,html:has(link[rel="canonical"][href$="knowledge-centre.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="knowledge-centre.html"]) .hero-page>.wrap:after,html:has(link[rel="canonical"][href$="free-technology-guidance.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="free-technology-guidance.html"]) .hero-page>.wrap:after{background-image:url('images/ai-to-human-assistance.svg')}html:has(link[rel="canonical"][href$="security-recovery-project-takeover.html"]) .page-hero>.wrap:after,html:has(link[rel="canonical"][href$="security-recovery-project-takeover.html"]) .hero-page>.wrap:after{background-image:url('images/cloudflare-dns-tunnel.svg')}

.hero-page{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(35,136,255,.13),transparent 32%),linear-gradient(180deg,#041934,#03152d);padding:72px 0 60px;border-bottom:1px solid var(--axon-line)}.hero-page h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-1.8px;max-width:1020px;margin:0 0 22px;font-weight:590;color:#f5f8fc}.hero-page h1 span{color:#348fff;font-weight:620}.hero-page .lede{font-size:clamp(19px,2vw,23px);line-height:1.5;max-width:900px;color:#d5deea;margin:0 0 27px;font-weight:360}.soft{background:#04172f!important}.dark{background:#021126!important}.secondary{border:1px solid #71829a!important;background:rgba(0,0,0,.08)!important;color:#eef4fb!important}.primary{background:linear-gradient(180deg,#1280f9,#0867d6)!important;border:1px solid #258efa!important;color:#fff!important}.visual{margin-top:28px}.visual-flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.visual-node{padding:14px 17px;border:1px solid var(--axon-line);border-radius:12px;background:#071d3d;color:#dce7f5}.visual-node.axon{border-color:#258efa;color:#fff}.visual-arrow{color:#3fa4ff}.footer-brand-copy{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}.footer-brandmark{display:inline-flex;align-items:center;justify-content:center!important;margin:0 auto 13px!important;text-decoration:none}.footer-brandmark img{display:block;max-width:220px;width:100%;height:auto;background:#fff;border-radius:8px;padding:6px}.footer-brand-copy h2,.footer-brand-copy .established,.footer-brand-copy p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.footer-brand-copy p{max-width:280px!important}.footer-site-link{display:inline-flex!important;align-items:center;gap:6px;color:#4da7ff!important;font-size:13px!important;font-weight:420!important;margin:-1px 0 7px;text-decoration:none!important}.footer-site-link:before{content:'↗';font-size:11px;opacity:.8}.footer-site-link:hover{text-decoration:underline!important}

@media(max-width:980px){.page-hero>.wrap,.hero-page>.wrap{padding-right:0}.page-hero>.wrap:after,.hero-page>.wrap:after{position:relative;display:block;right:auto;top:auto;transform:none;width:min(100%,520px);height:250px;margin:24px auto 0}.page-hero>.wrap:before,.hero-page>.wrap:before{display:none}}

@media(max-width:900px){
  .navbar,.site-header{position:relative!important}
  .nav-inner,.site-nav{height:auto!important;min-height:68px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px 16px!important;padding:12px 0!important}
  .wordmark{grid-column:1;grid-row:1;align-self:center}
  .nav-cta{grid-column:2;grid-row:1;margin:0!important;min-width:auto!important;white-space:nowrap}
  .nav-links{grid-column:1/-1;grid-row:2;width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:8px 0 2px!important}
  .nav-links>a,.nav-dd summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:10px 12px!important;border:1px solid rgba(145,172,208,.18)!important;border-radius:9px!important;background:#061a37!important;font-size:14px!important}
  .nav-dd{position:relative!important;min-width:0!important}
  .nav-pop{position:static!important;top:auto!important;left:auto!important;width:100%!important;min-width:0!important;margin-top:6px!important;border-radius:10px!important;box-shadow:none!important;max-height:none!important}
  .nav-pop a{font-size:13px!important;padding:10px!important}
  .nav-dd[open]{grid-column:1/-1}
  .nav-dd[open] summary{background:#08234a!important;border-color:#258efa!important}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-brand-copy,.footer-contact{grid-column:1/-1!important}.footer-contact{border-left:0!important;padding-left:0!important}
}

@media(max-width:620px){.hero-copy h1{font-size:34px!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.hero-copy{text-align:left}.hero-underline:after{height:1.5px}.hub-globe{inset:8% 0}.page-hero,.hero-page{min-height:0}.page-hero>.wrap:after,.hero-page>.wrap:after{height:220px}.ai-platform-strip .wrap{justify-content:flex-start}.ai-platform-strip{padding:14px 0}.nav-links{grid-template-columns:1fr!important}.nav-dd[open]{grid-column:1}.nav-cta{font-size:13px!important;padding:9px 11px!important}.footer-main{grid-template-columns:1fr!important}.footer-col,.footer-brand-copy,.footer-contact{grid-column:1!important}.footer-brandmark img{max-width:190px}}
@media(prefers-reduced-motion:reduce){.hub-ring,.hub-core,.hub-core:before,.hub-core:after{animation:none!important}}