/* GAZANCI EXPERIENCE LAYER — animated visual redesign, layered over the stable base theme */
:root{--gx-violet:#8b5cf6;--gx-cyan:#22d3ee;--gx-gold:#f6c76a;--gx-glass:rgba(12,17,35,.68)}
html{scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 12% 12%,rgba(91,33,182,.19),transparent 34%),radial-gradient(ellipse at 88% 28%,rgba(8,145,178,.12),transparent 31%),#060914}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.23;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.site-header{background:rgba(5,8,20,.76);border-bottom:1px solid rgba(167,139,250,.19);box-shadow:0 10px 45px rgba(0,0,0,.25)}
.site-header::after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gx-violet),var(--gx-cyan),var(--gx-gold),transparent);opacity:.7}
.logo{position:relative}.logo::after{content:"";position:absolute;inset:-7px -10px;border-radius:15px;border:1px solid rgba(167,139,250,.0);transition:.35s;pointer-events:none}.logo:hover::after{border-color:rgba(167,139,250,.4);box-shadow:0 0 24px rgba(139,92,246,.15)}
.nav-links a{position:relative;transition:color .25s,background .25s,transform .25s}.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--gx-violet),var(--gx-cyan));transition:transform .28s}.nav-links a:hover:not(.nav-cta)::after,.nav-links a.active:not(.nav-cta)::after{transform:scaleX(1)}
.hero{isolation:isolate;padding-top:clamp(76px,9vw,126px);padding-bottom:95px;max-width:1280px}
.hero::before{content:"";position:absolute;z-index:-1;left:50%;top:4%;width:min(78vw,850px);height:min(65vw,620px);transform:translateX(-50%);background:radial-gradient(ellipse,rgba(109,40,217,.22),rgba(8,145,178,.07) 42%,transparent 70%);filter:blur(18px);animation:gx-breathe 9s ease-in-out infinite alternate}
.hero-badge{background:rgba(139,92,246,.12);border-color:rgba(167,139,250,.42);box-shadow:0 0 34px rgba(139,92,246,.1);backdrop-filter:blur(12px)}
.hero h1{font-size:clamp(2.6rem,6.5vw,5.3rem);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 8px 48px rgba(139,92,246,.12)}
.hero h1 .gold{background:linear-gradient(100deg,#fff0bf 5%,#f6c76a 28%,#c4b5fd 56%,#67e8f9 78%,#f6c76a 100%);background-size:220% auto;animation:gx-shimmer 8s linear infinite;-webkit-background-clip:text;background-clip:text}
.hero-sub{max-width:720px;font-size:clamp(1rem,1.7vw,1.2rem)}
.hero-visual{position:relative;width:clamp(180px,24vw,280px);margin:54px auto 24px;isolation:isolate}
.hero-visual::before,.hero-visual::after{content:"";position:absolute;inset:-18%;border:1px solid rgba(167,139,250,.3);border-radius:50%;z-index:-1;animation:gx-orbit 18s linear infinite}
.hero-visual::after{inset:-31%;border-color:rgba(34,211,238,.22);animation-duration:28s;animation-direction:reverse;transform:rotateX(64deg)}
.hero-visual img{display:block;width:100%;border-radius:50%;box-shadow:0 0 45px rgba(139,92,246,.24),0 0 100px rgba(34,211,238,.1);animation:gx-float 6s ease-in-out infinite}
.hero-actions{gap:13px}.btn{position:relative;overflow:hidden;isolation:isolate}.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24),transparent 70%);transform:translateX(-130%);transition:transform .65s}.btn:hover::before{transform:translateX(130%)}
.btn-primary{background:linear-gradient(115deg,#f6c76a,#e8a83d 45%,#c4b5fd);box-shadow:0 10px 32px rgba(245,158,11,.18),0 0 30px rgba(139,92,246,.12)}
.btn-outline{border-color:rgba(167,139,250,.3);background:rgba(15,23,42,.38);backdrop-filter:blur(8px)}
.brand-badge{border:1px solid rgba(148,163,184,.17);background:rgba(15,23,42,.46);backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,box-shadow .3s}.brand-badge:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.4);box-shadow:0 12px 35px rgba(34,211,238,.08)}
.section{padding-top:clamp(54px,7vw,88px);padding-bottom:clamp(54px,7vw,88px)}
.section-header h2{letter-spacing:-.025em}.section-header h2::after{content:"";display:block;width:72px;height:3px;margin:16px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--gx-violet),var(--gx-cyan),var(--gx-gold));background-size:200% 100%;animation:gx-shimmer 6s linear infinite}
.tool-card,.service-card,.feature-card,.blog-card,.news-card,.team-card,.analysis-card,.editor-card,.video-card,.content-box{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(17,24,45,.88),rgba(8,12,27,.76));border-color:rgba(167,139,250,.17);box-shadow:0 15px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(14px)}
.tool-card::before,.service-card::before,.feature-card::before,.blog-card::before,.news-card::before,.team-card::after,.video-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gx-violet),var(--gx-cyan),var(--gx-gold),transparent);transform:scaleX(.25);transform-origin:center;opacity:.45;transition:transform .4s,opacity .4s;pointer-events:none}
.tool-card:hover::before,.service-card:hover::before,.feature-card:hover::before,.blog-card:hover::before,.news-card:hover::before,.team-card:hover::after,.video-card:hover::before{transform:scaleX(1);opacity:1}
.tool-card:hover,.service-card:hover,.feature-card:hover,.blog-card:hover,.news-card:hover,.video-card:hover{transform:translateY(-8px);border-color:rgba(167,139,250,.48);box-shadow:0 28px 65px rgba(0,0,0,.34),0 0 32px rgba(139,92,246,.09)}
.tool-icon{color:#ddd6fe;background:linear-gradient(135deg,rgba(139,92,246,.23),rgba(34,211,238,.12));border-color:rgba(167,139,250,.32);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.team-avatar{background:linear-gradient(135deg,#f6c76a,#c4b5fd 65%,#67e8f9);box-shadow:0 0 38px rgba(139,92,246,.2)}
footer,.site-footer{position:relative;z-index:1;border-top:1px solid rgba(167,139,250,.18)}
/* Scroll reveals are activated only when JavaScript is available. */
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
.gx-scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:2000;pointer-events:none;background:rgba(255,255,255,.025)}.gx-scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gx-violet),var(--gx-cyan),var(--gx-gold));box-shadow:0 0 14px rgba(34,211,238,.55)}
.gx-orb{position:fixed;z-index:0;width:280px;height:280px;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.08;background:#8b5cf6;animation:gx-drift 24s ease-in-out infinite alternate}.gx-orb.orb-two{width:230px;height:230px;background:#22d3ee;right:-100px;top:40%;animation-delay:-8s}.gx-orb.orb-one{left:-120px;top:65%;}
@keyframes gx-breathe{from{opacity:.55;transform:translateX(-50%) scale(.92)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}
@keyframes gx-shimmer{to{background-position:220% center}}
@keyframes gx-orbit{to{transform:rotate(360deg)}}
@keyframes gx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes gx-drift{from{transform:translate3d(0,-20px,0)}to{transform:translate3d(45px,35px,0)}}
@media(max-width:900px){.hero{padding-top:70px}.hero-visual{margin-top:45px}.nav-links{background:rgba(5,8,20,.97);backdrop-filter:blur(18px)}}
@media(max-width:600px){body::after{background-size:42px 42px;opacity:.15}.hero h1{letter-spacing:-.03em}.hero-visual::after{inset:-22%}.section{padding-left:18px;padding-right:18px}.tool-card:hover,.service-card:hover,.feature-card:hover,.blog-card:hover,.news-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.gx-orb,.hero::before,.hero h1 .gold,.hero-visual img,.hero-visual::before,.hero-visual::after,.section-header h2::after{animation:none!important}.js-motion .reveal{opacity:1;transform:none;transition:none}}