/*
Theme Name: Applex
Theme URI: https://developer.developer/
Author: NextOWP Converter
Description: AI-powered platform designed to boost collaboration, clarity, and productivity for teams
Version: 1.0.0
Text Domain: applex
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ── CSS Variables ── */
:root {
  --color-primary: #7C5CFC;
  --color-secondary: #6366F1;
  --color-accent: #F59E0B;
  --color-bg: #FFFFFF;
  --color-text: #111827;
  --font-heading: 'Inter', serif;
  --font-body: 'Inter', sans-serif;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;font-weight:700}

/* ── Container ── */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}

/* ── Section Labels ── */
.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:rgba(124,92,252,.08);padding:.375rem 1rem;border-radius:9999px;margin-bottom:.5rem}
.section-heading{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-secondary)}

/* ── Buttons ── */
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:opacity .2s;border:none;cursor:pointer}
.btn-primary:hover{opacity:.9}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--color-text);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:1px solid #e2e8f0;transition:border-color .2s;cursor:pointer}
.btn-outline:hover{border-color:var(--color-primary)}

/* ── Gradient text ── */
.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Scroll Reveal ── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .8s,transform .8s}
.reveal-scale.visible{opacity:1;transform:scale(1)}

/* ── Animations ── */
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.animate-blob{animation:blob 8s infinite}
.animate-float{animation:float 4s ease-in-out infinite}
.animate-float-delayed{animation:float 4s ease-in-out 1s infinite}
.animate-pulse{animation:pulse 2s infinite}
.animation-delay-2000{animation-delay:2s}
.animation-delay-4000{animation-delay:4s}

/* ── Responsive ── */
@media(max-width:768px){
  .container{padding:0 1rem}
}