html{scroll-behavior:smooth}
body{font-family:"Chakra Petch",system-ui,sans-serif}
html[lang^="ar"],body.rtl{font-family:"Bahij TheSansArabic","IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif}
.flowent-logo img{max-height:56px;width:auto}
.fx-surface,.fx-card,.fx-panel,.fx-stat,.fx-pill,.fx-media-frame,.fx-service-card,.fx-layer-card,.fx-contact-card,.fx-faq-item,.fx-swap-card{
  position:relative;overflow:hidden;border-radius:var(--flowent-soft);border:1px solid var(--flowent-border);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));backdrop-filter:blur(14px);box-shadow:var(--flowent-shadow);transition:transform .32s ease, border-color .28s ease, box-shadow .32s ease, background .32s ease;
}
.fx-card:hover,.fx-panel:hover,.fx-service-card:hover,.fx-layer-card:hover,.fx-contact-card:hover,.fx-swap-card:hover{transform:translateY(-8px);border-color:rgba(0,255,217,.4);box-shadow:var(--flowent-neon)}
.fx-service-card:before,.fx-layer-card:before,.fx-contact-card:before,.fx-faq-item:before,.fx-card:before,.fx-swap-card:before{
  content:"";position:absolute;inset:auto -20% 70% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(0,255,217,.38), transparent 62%);opacity:0;transform:translate3d(0,20px,0);transition:opacity .35s ease, transform .35s ease;pointer-events:none;
}
.fx-service-card:hover:before,.fx-layer-card:hover:before,.fx-contact-card:hover:before,.fx-faq-item:hover:before,.fx-card:hover:before,.fx-swap-card:hover:before{opacity:1;transform:translate3d(-8px,0,0)}
.fx-glitch{position:relative;display:inline-block;text-shadow:0 0 22px rgba(0,255,217,.3)}
.fx-glitch:before,.fx-glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.65}
.fx-glitch:before{color:var(--flowent-cyan);transform:translate(1px,-1px);clip-path:polygon(0 0,100% 0,100% 42%,0 42%);animation:glitchA 2.6s infinite linear alternate-reverse}
.fx-glitch:after{color:var(--flowent-orange-2);transform:translate(-1px,1px);clip-path:polygon(0 58%,100% 58%,100% 100%,0 100%);animation:glitchB 2.8s infinite linear alternate-reverse}
@keyframes glitchA{0%,100%{transform:translate(1px,-1px)}20%{transform:translate(4px,-2px)}40%{transform:translate(-2px,1px)}60%{transform:translate(2px,2px)}80%{transform:translate(-4px,-2px)}}
@keyframes glitchB{0%,100%{transform:translate(-1px,1px)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-3px)}80%{transform:translate(4px,1px)}}
.fx-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.7;pointer-events:none}
.fx-orb.-cyan{background:radial-gradient(circle, rgba(0,255,217,.75), transparent 68%)}
.fx-orb.-orange{background:radial-gradient(circle, rgba(227,117,38,.75), transparent 68%)}
.fx-orb.-blue{background:radial-gradient(circle, rgba(85,142,255,.72), transparent 68%)}
.fx-frame{position:relative;border-radius:var(--flowent-hard);padding:clamp(1rem,2vw,1.5rem);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:var(--flowent-neon)}
.fx-outline{outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.fx-badge,.fx-kicker{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:.82rem;text-transform:uppercase;letter-spacing:.16em}
.fx-badge:before,.fx-kicker:before{content:"";width:.62rem;height:.62rem;border-radius:50%;background:var(--flowent-cyan);box-shadow:0 0 18px rgba(0,255,217,.5)}
.fx-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}
.fx-btn-outline .wp-block-button__link:hover{border-color:rgba(0,255,217,.56)!important;color:var(--flowent-cyan)!important}
.fx-service-card h3,.fx-layer-card h3,.fx-contact-card h3,.fx-faq-item h3{margin-top:0}
.fx-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.fx-grid-12 > *{min-width:0}
.fx-span-12{grid-column:span 12}.fx-span-8{grid-column:span 8}.fx-span-7{grid-column:span 7}.fx-span-6{grid-column:span 6}.fx-span-5{grid-column:span 5}.fx-span-4{grid-column:span 4}.fx-span-3{grid-column:span 3}
@media(max-width:960px){.fx-span-8,.fx-span-7,.fx-span-6,.fx-span-5,.fx-span-4,.fx-span-3{grid-column:span 12}}
.fx-sticky{position:sticky;top:2rem}
.fx-marquee{display:flex;gap:1rem;overflow:hidden;mask-image:linear-gradient(90deg, transparent, black 12%, black 88%, transparent)}
.fx-marquee-track{display:flex;gap:1rem;min-width:max-content;animation:marquee 24s linear infinite}
.fx-marquee:hover .fx-marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fx-logo-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:88px;
  padding:1rem 1.2rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
  text-decoration:none;
}

.fx-logo-chip:hover{
  transform:translateY(-4px);
  border-color:rgba(0,255,217,.45);
  box-shadow:0 18px 40px rgba(0,255,217,.12);
  background:rgba(255,255,255,.07);
}

.fx-logo-chip img{
  max-width:140px;
  max-height:42px;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
}
.fx-swap-card{padding:0;min-height:420px}
.fx-swap-media{position:absolute;inset:0}
.fx-swap-media img,.fx-swap-media .wp-block-cover{width:100%;height:100%;object-fit:cover}
.fx-swap-media.-secondary{opacity:0;transform:scale(1.04);transition:opacity .45s ease, transform .55s ease}
.fx-swap-card:hover .fx-swap-media.-secondary{opacity:1;transform:scale(1)}
.fx-swap-card:hover .fx-swap-media.-primary{opacity:.14}
.fx-swap-overlay{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:1.4rem;background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.72))}
.fx-line-list{display:grid;gap:.85rem}
.fx-line-item{display:flex;justify-content:space-between;gap:1rem;padding:.95rem 1.1rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.fx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media(max-width:960px){.fx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.fx-metrics{grid-template-columns:1fr}}
.fx-stat{padding:1.2rem 1.25rem}.fx-stat strong{display:block;font-size:clamp(2rem,5vw,3.25rem);line-height:.9}.fx-stat span{display:block;opacity:.72;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
.fx-faq-item{padding:1.15rem 1.25rem}.fx-faq-item p:last-child{margin-bottom:0}
.fx-section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--flowent-cyan);margin-bottom:.75rem}
.fx-display{font-size:clamp(3.2rem,10vw,8rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase}
.fx-subdisplay{font-size:clamp(2.1rem,5vw,4rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}
.fx-quiet{opacity:.76}
.fx-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);margin:1rem 0}
.fx-hero-shell{position:relative;overflow:hidden;border-radius:36px;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));box-shadow:var(--flowent-neon)}
.fx-hero-shell:before{content:"";position:absolute;inset:-40% auto auto -10%;width:420px;height:420px;background:radial-gradient(circle, rgba(227,117,38,.28), transparent 65%);filter:blur(22px);pointer-events:none}
.fx-hero-shell:after{content:"";position:absolute;right:-10%;bottom:-30%;width:420px;height:420px;background:radial-gradient(circle, rgba(0,255,217,.32), transparent 65%);filter:blur(20px);pointer-events:none}
.fx-tilt{transform-style:preserve-3d;will-change:transform}.fx-tilt > *{transform:translateZ(16px)}
.flowent-footer-logo img{max-width:140px;height:auto;filter:drop-shadow(0 0 18px rgba(0,255,217,.25))}
.flowent-credit a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}
.flowent-credit a:hover{color:var(--flowent-cyan);border-bottom-color:var(--flowent-cyan)}