/*
Theme Name: Great Workflows AI
Theme URI: https://greatworkflows.ai
Author: Great Workflows AI
Author URI: https://greatworkflows.ai
Description: Animated one-page marketing theme for Great Workflows AI. Dark futuristic design with a living node-network hero, shrinking header, scroll-triggered reveals, live KPI chart, and rotating testimonials. Fully responsive and zoom-stable; vanilla JS, no build step.
Version: 1.3.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: great-workflows-ai
*/

/* ---- Base + keyframes + responsive rules (from the design) ---- */
*, *::before, *::after { box-sizing: border-box; }
    /* Fix: silver/white hairline at the viewport edges — force the root canvas dark and remove any border, and darken scrollbars */
    html { scroll-behavior: smooth; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: #0A0E1A !important; color-scheme: dark; scrollbar-color: #2A3654 #0A0E1A; }
    body { margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: #0A0E1A !important; color: #EAF0FF; font-family: Inter, system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; color-scheme: dark; overflow-x: hidden; }
    ::-webkit-scrollbar { width: 12px; height: 12px; background: #0A0E1A; }
    ::-webkit-scrollbar-track { background: #0A0E1A; }
    ::-webkit-scrollbar-thumb { background: #2A3654; border-radius: 6px; border: 2px solid #0A0E1A; }
    ::selection { background: rgba(46,143,255,0.4); }
    ::placeholder { color: rgba(159,176,208,0.45); }
    option { background: #0E1424; color: #EAF0FF; }
    @keyframes gwRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
    @keyframes gwComet { to { stroke-dashoffset: -100; } }
    @keyframes gwDraw { 0% { stroke-dashoffset: 100; } 45% { stroke-dashoffset: 0; } 72% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -100; } }
    @keyframes gwFlowDash { to { stroke-dashoffset: -48; } }
    @keyframes gwPulseRing { 0% { transform: scale(0.5); opacity: 0.9; } 75% { transform: scale(2); opacity: 0; } 100% { transform: scale(2); opacity: 0; } }
    @keyframes gwGlowPulse { 0%, 100% { opacity: 0.45; } 50% { opacity: 0.9; } }
    @keyframes gwFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
    @keyframes gwBreathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.5px); } }
    @keyframes gwBlink { 0%, 90%, 96%, 100% { transform: scaleY(1); } 93% { transform: scaleY(0.1); } }
    @keyframes gwPoint { 0%, 100% { transform: rotate(1.5deg); } 50% { transform: rotate(-3.5deg); } }
    @keyframes gwType { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
    @keyframes gwBarLive { 0%, 100% { transform: scaleY(0.55); } 35% { transform: scaleY(0.95); } 65% { transform: scaleY(0.72); } }
    @keyframes gwDocFly { 0% { transform: translate(-4px, 10px) rotate(0deg); opacity: 0; } 14% { transform: translate(2px, -8px) rotate(2deg); opacity: 1; } 55% { transform: translate(58px, -10px) rotate(5deg); opacity: 1; } 92% { opacity: 1; } 100% { transform: translate(124px, -10px) rotate(0deg); opacity: 0; } }
    @keyframes gwFunnelDrop { 0% { transform: translateY(0) scale(1); opacity: 0; } 18% { opacity: 1; } 70% { opacity: 1; } 100% { transform: translateY(31px) scale(0.55); opacity: 0; } }
    @keyframes gwPlane { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 30% { transform: translate(2px, -3px) rotate(2deg); } 70% { transform: translate(-1px, 2px) rotate(-2deg); } }
    @keyframes gwFadeTick { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
    @keyframes gwScrollHint { 0% { transform: translateY(0); opacity: 0; } 18% { opacity: 1; } 78% { transform: translateY(26px); opacity: 0; } 100% { transform: translateY(26px); opacity: 0; } }
    @keyframes gwDropLine { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translateY(84px); opacity: 0; } }
    @keyframes gwSuccessPop { 0% { transform: scale(0.6); opacity: 0; } 60% { transform: scale(1.06); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
    html { overflow-x: clip; }
    /* Responsive rules are CSS-driven (not JS) so layout stays correct at any browser zoom level */
    @media (max-width: 979px) {
      #nav-links { display: none !important; }
      #nav-burger { display: flex !important; }
    }
    @media (min-width: 980px) {
      #nav-burger { display: none !important; }
      #nav-menu { display: none !important; }
    }
    @media (max-width: 720px) {
      #gw-nav-inner { padding: calc(10px + var(--gw-big, 1)*8px) 14px !important; gap: 12px !important; }
      #nav-logo-svg { width: calc(40px + var(--gw-big, 1)*12px) !important; height: calc(40px + var(--gw-big, 1)*12px) !important; }
      #nav-logo-text { font-size: calc(16px + var(--gw-big, 1)*3px) !important; }
      #nav-cta { padding: 9px 15px !important; font-size: 13px !important; }
      #hero { padding: 116px 18px 96px !important; }
      main section:not(#hero):not(#contact) { padding: 84px 18px 88px !important; }
      #contact { padding: 20px 18px 96px !important; }
      #t-wrap figure { padding: 26px 20px !important; }
      footer { padding: 52px 18px 30px !important; }
    }
    @media (max-width: 460px) {
      #nav-logo-text { display: none !important; }
      #scroll-hint { display: none !important; }
      #hero h1 { font-size: clamp(32px, 10.5vw, 42px) !important; }
      #insights article { padding: 24px 20px 22px !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      #gw-nav { --gw-big: 0 !important; }
      *, *::before, *::after { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; transition-duration: 0.001s !important; }
    }

/* ---- WordPress admin bar offset for the fixed nav ---- */
body.admin-bar #gw-nav { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar #gw-nav { top: 46px; } }

/* ---- Guard against WP core classic-theme-styles: :where([style*=border-color]) { border-style: solid }
       which would otherwise paint default-width borders on the nav's top/left/right sides ---- */
#gw-nav { border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 1px !important; }

/* ---- Hover / focus states (generated from the design) ---- */
.gw-h0:hover { color:#FFFFFF !important; }
.gw-h1:hover { transform:translateY(-2px) !important; box-shadow:0 8px 26px rgba(46,143,255,0.5) !important; }
.gw-h2:hover { background:rgba(46,143,255,0.12) !important; }
.gw-h3:hover { background:rgba(34,211,238,0.1) !important; }
.gw-h4:hover { transform:translateY(-3px) !important; box-shadow:0 14px 42px rgba(46,143,255,0.55) !important; }
.gw-h5:hover { border-color:rgba(34,211,238,0.8) !important; color:#FFFFFF !important; background:rgba(34,211,238,0.08) !important; transform:translateY(-3px) !important; }
.gw-h6:hover { transform:translateY(-6px) !important; border-color:rgba(34,211,238,0.5) !important; box-shadow:0 22px 60px rgba(46,143,255,0.16), 0 8px 24px rgba(0,0,0,0.45) !important; }
.gw-h7:hover { transform:translateY(-6px) !important; border-color:rgba(34,211,238,0.6) !important; box-shadow:0 22px 60px rgba(34,211,238,0.14), 0 8px 24px rgba(0,0,0,0.45) !important; }
.gw-f0:focus { border-color:#22D3EE !important; box-shadow:0 0 0 3px rgba(34,211,238,0.14) !important; }