/*
Theme Name: AN88
Theme URI: https://an88group.com/
Author: AN88 GROUP, LTD
Author URI: https://an88group.com/
Description: AN88 International Technology & Business Solutions — custom one-page corporate theme.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: an88
*/

/* Digital pixel preloader — AN88 telecom / IT identity */
.site-preloader{position:fixed;inset:0;z-index:99999;background:#090909;color:#fff;display:grid;place-items:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .75s ease,visibility .75s ease}.site-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.preloader-pixels{position:absolute;inset:-2px;display:grid;grid-template-columns:repeat(auto-fill,minmax(7px,1fr));grid-auto-rows:7px;gap:2px;opacity:.96;transform:scale(1.015);mask-image:linear-gradient(to bottom,#000 0%,#000 100%)}.pixel{display:block;background:#262626;opacity:.12;transform:scale(.2);animation:pixelSignal 1.8s ease-in-out var(--d) infinite}.pixel.red{background:#e2002b;box-shadow:0 0 10px rgba(226,0,43,.55)}.preloader-pixels:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,transparent calc(var(--progress,0%) - 10%),rgba(226,0,43,.16) var(--progress),transparent calc(var(--progress,0%) + 10%));mix-blend-mode:screen;transition:background .18s linear}.preloader-signal{position:absolute;width:58vw;height:58vw;max-width:760px;max-height:760px;border:1px solid rgba(226,0,43,.12);border-radius:50%;box-shadow:0 0 0 40px rgba(226,0,43,.025),0 0 0 80px rgba(226,0,43,.018);animation:signalPulse 2.4s ease-out infinite}.preloader-inner{position:relative;z-index:3;width:min(430px,calc(100% - 48px));text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.7)}.preloader-brand{font-size:54px;font-weight:900;letter-spacing:-4px}.preloader-brand span{color:#e2002b}.preloader-percent{font-size:76px;line-height:1;font-weight:300;letter-spacing:-5px;margin:22px 0 14px;font-variant-numeric:tabular-nums}.preloader-status{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#aaa}@keyframes pixelSignal{0%,100%{opacity:.1;transform:scale(.25)}35%{opacity:.95;transform:scale(var(--s))}70%{opacity:.35;transform:scale(.65)}}@keyframes signalPulse{0%{transform:scale(.72);opacity:.15}60%{transform:scale(1.05);opacity:.42}100%{transform:scale(1.28);opacity:0}}


/* Growth metrics */
.growth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d8d5;border:1px solid #d8d8d5;margin:26px 0 14px}.growth-metric{background:#fff;padding:24px 22px}.growth-metric span{display:block;color:#777;font-size:10px;font-weight:800;letter-spacing:1.2px}.growth-metric strong{display:block;margin-top:8px;font-size:32px;letter-spacing:-1.5px}.growth-metric:nth-child(2) strong{color:#e2002b}.chart{align-items:end;display:flex;gap:10px;height:270px;padding:20px 18px 0}.chart .bar{position:relative;flex:1;min-width:20px;background:linear-gradient(to top,#e2002b,#ff5572);height:20%;transition:height 1s cubic-bezier(.2,.8,.2,1);display:flex;align-items:flex-start;justify-content:center}.chart .bar span{position:absolute;bottom:-22px;font-size:10px;font-weight:800;color:#555}.chart .bar b{position:absolute;top:-18px;font-size:9px;color:#555;white-space:nowrap}.chartbox{overflow:visible}.disclaimer{margin-top:28px}

@media(max-width:800px){.growth-metrics{grid-template-columns:1fr}.preloader-percent{font-size:58px}}