/*
 Theme Name: FACTBITS Astra Child (n8n Hero)
 Template: astra
 Version: 1.1.0
 Description: Child theme for Astra with landing templates, Gutenberg patterns, and animated n8n-style hero.
 Author: FACTBITS
*/
:root{ --fb-primary:#0A4C8B; --fb-accent:#00A6B2; --fb-text:#0f172a; --fb-muted:#475569; }
.fb-container{max-width:1200px;margin:0 auto;padding:0 24px}
.fb-hero-n8n{position:relative;min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:96px 24px;color:#fff;overflow:hidden;background:radial-gradient(1200px 600px at 10% 10%, rgba(34,211,238,.12), transparent 60%),radial-gradient(900px 500px at 90% 20%, rgba(10,76,139,.25), transparent 60%),linear-gradient(180deg,#0A0F1F 0%, #132036 100%);}
.fb-hero-n8n h1{font-size: clamp(40px,5vw,64px);line-height:1.08;margin-bottom:14px}
.fb-hero-n8n p{color:#E0E6ED;font-size: clamp(18px,2vw,20px);max-width:760px;margin:0 auto 28px}
.fb-hero-btns{display:inline-flex;gap:12px}
.fb-hero-btns .wp-block-button__link{padding:14px 24px;border-radius:12px;font-weight:700;font-size:16px;transition:transform .15s ease, opacity .2s ease, box-shadow .2s ease}
.fb-hero-btns .wp-block-buttons>.wp-block-button:first-child .wp-block-button__link{background:#00A6B2;color:#0B1221;border:none;box-shadow:0 10px 30px rgba(0,166,178,.35)}
.fb-hero-btns .wp-block-buttons>.wp-block-button:last-child .wp-block-button__link{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.fb-hero-btns .wp-block-button__link:hover{transform:translateY(-2px);opacity:.95}
.fb-hero-n8n::before,.fb-hero-n8n::after{content:"";position:absolute;filter: blur(60px);opacity:.6;mix-blend-mode: screen;animation: floatBlob 16s ease-in-out infinite}
.fb-hero-n8n::before{width:520px;height:520px;border-radius:50%;background: radial-gradient(circle at 30% 30%, #22d3ee, transparent 60%),radial-gradient(circle at 70% 60%, #00A6B2, transparent 60%);top:-120px;left:-120px;animation-delay:-3s}
.fb-hero-n8n::after{width:600px;height:600px;border-radius:50%;background: radial-gradient(circle at 50% 50%, #0A4C8B, transparent 55%),radial-gradient(circle at 70% 40%, #22d3ee, transparent 60%);bottom:-160px;right:-150px;animation-delay:-8s}
@keyframes floatBlob{0%,100%{transform: translate3d(0,0,0) scale(1)}50%{transform: translate3d(0,-20px,0) scale(1.05)}}
.reveal{opacity:0;transform: translateY(14px);transition: opacity .6s ease, transform .6s ease}
.reveal.in-view{opacity:1;transform: translateY(0)}
.fb-section{padding:56px 0}
.fb-card{background:#14243C;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px;box-shadow:0 6px 18px rgba(0,0,0,.25);color:#E0E6ED}
.fb-card h3{color:#fff;margin-top:0}