/* =============================================
   PAYGES THEME — main.css v2.0.0
   ============================================= */

/* ── Variables ── */
:root {
  --blue:#4AACF7;--teal:#00C2A8;--orange:#FF7A00;--green:#6DD400;--purple:#7B68EE;
  --dark:#111827;--dark-card:#1A2235;--dark-deeper:#0B0F1A;
  --dark-border:rgba(255,255,255,.07);--dark-surface:rgba(255,255,255,.04);
  --text-primary:#fff;--text-secondary:rgba(255,255,255,.6);--text-muted:rgba(255,255,255,.4);
  --gradient-brand:linear-gradient(135deg,#4AACF7 0%,#00C2A8 35%,#6DD400 60%,#FF7A00 100%);
  --gradient-hero:linear-gradient(135deg,#4AACF7 0%,#7B68EE 30%,#00C2A8 55%,#6DD400 75%,#FF7A00 100%);
  --radius-lg:20px;--radius-md:14px;--radius-pill:100px;
  --negative:#ef4444;
}

/* ── Reset ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:'Figtree',sans-serif;color:var(--text-primary);background:var(--dark);overflow-x:hidden;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.section{padding:100px 0;}

/* ── Typography ── */
.subtitle{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;display:inline-block;}
.display-1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:900;line-height:1.04;letter-spacing:-.04em;}
.display-2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;}
.display-3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;}
.display-4{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;}
.text-body{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);}
.text-center{text-align:center;}
.grad-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.accent-blue{color:var(--blue)}.accent-teal{color:var(--teal)}.accent-orange{color:var(--orange)}.accent-green{color:var(--green)}
.section-header{margin-bottom:56px;}
.section-header .text-body{margin-top:14px;}

/* ── Reveal Animations ── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.rd1{transition-delay:.08s}.rd2{transition-delay:.16s}.rd3{transition-delay:.24s}.rd4{transition-delay:.32s}.rd5{transition-delay:.4s}

/* ══════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════ */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:background .35s,box-shadow .35s,padding .35s;}
.header.scrolled{background:rgba(17,24,39,.88);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 1px 40px rgba(0,0,0,.3);padding:14px 0;}
.header-inner{display:flex;align-items:center;justify-content:space-between;}
.logo-link{display:flex;align-items:center;gap:10px;}
.payges-mark{width:36px;height:36px;flex-shrink:0;}
.logo-text{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:#fff;}
.header-nav{display:flex;align-items:center;gap:28px;}
.header-nav a{font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:color .25s;}
.header-nav a:hover,.header-nav a.current{color:#fff;}
.header-nav .btn{margin-left:4px;}
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;flex-direction:column;justify-content:space-between;}
.mobile-menu-btn span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s;}
.mobile-menu-btn.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.mobile-menu-btn.open span:nth-child(2){opacity:0;}
.mobile-menu-btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

/* ── WP Nav Menu Items ── */
.header-nav .menu-item a{font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:color .25s;}
.header-nav .menu-item a:hover,.header-nav .current-menu-item a{color:#fff;}

/* ══════════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════════ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-pill);font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;}
.btn:hover{transform:translateY(-2px);}
.btn .arrow{transition:transform .25s;}
.btn:hover .arrow{transform:translateX(3px);}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{box-shadow:0 8px 30px rgba(74,172,247,.35);background:#3d9de6;}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.15);}
.btn-outline:hover{border-color:var(--blue);color:var(--blue);}
.btn-white{background:#fff;color:var(--dark);font-weight:700;}
.btn-white:hover{box-shadow:0 12px 40px rgba(0,0,0,.2);}
.arrow-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--blue);transition:gap .25s;}
.arrow-link:hover{gap:10px;}
.arrow-link .ico{width:16px;height:16px;}

/* ══════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════ */
.hero{padding:170px 0 80px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-40%;left:-30%;width:160%;height:180%;background:radial-gradient(ellipse at 25% 30%,rgba(74,172,247,.15) 0%,transparent 50%),radial-gradient(ellipse at 60% 70%,rgba(0,194,168,.1) 0%,transparent 45%),radial-gradient(ellipse at 80% 20%,rgba(255,122,0,.06) 0%,transparent 40%);pointer-events:none;animation:heroGlow 12s ease-in-out infinite alternate;}
@keyframes heroGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-3%,2%) scale(1.05)}}
.hero-content{text-align:center;position:relative;z-index:2;max-width:860px;margin:0 auto;}
.hero .display-1{margin-bottom:24px;}
.hero .text-body{max-width:580px;margin:0 auto 40px;font-size:1.15rem;}
.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero-sm{padding:140px 0 60px;}
.hero-sm .display-1{margin-bottom:0;}

/* Hero Trust Badges */
.hero-trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px;}
.hero-trust-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);font-weight:500;}
.hero-trust-item svg{flex-shrink:0;}

/* Version Badge */
.version-badge{display:inline-flex;align-items:center;gap:10px;background:var(--dark-surface);border:1px solid var(--dark-border);padding:8px 20px 8px 12px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:28px;backdrop-filter:blur(12px);}
.version-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:dotPulse 2s ease infinite;box-shadow:0 0 8px rgba(0,194,168,.5);}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ══════════════════════════════════════════════
   DASHBOARD MOCKUP
   ══════════════════════════════════════════════ */
.hero-visual{margin-top:72px;position:relative;z-index:2;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--dark-border);box-shadow:0 40px 120px rgba(0,0,0,.4);}
.dashboard{width:100%;background:#0F1521;display:flex;min-height:480px;}
.dash-sidebar{width:220px;background:#0A0E18;border-right:1px solid var(--dark-border);padding:16px 12px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;}
.dash-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 18px;border-bottom:1px solid var(--dark-border);margin-bottom:10px;}
.dash-brand-dot{width:22px;height:22px;border-radius:6px;background:var(--gradient-brand);}
.dash-brand-text{font-size:.78rem;font-weight:800;color:#fff;}
.dash-nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:.6rem;font-weight:500;color:var(--text-muted);}
.dash-nav-item.active{background:rgba(74,172,247,.1);color:var(--blue);}
.dash-nav-icon{width:14px;height:14px;opacity:.5;}
.dash-nav-item.active .dash-nav-icon{opacity:.9;}
.dash-status{margin-top:auto;padding:12px 10px;border-top:1px solid var(--dark-border);}
.dash-status-pill{display:flex;align-items:center;gap:6px;font-size:.55rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;}
.dash-status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:dotPulse 2s ease infinite;}
.dash-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.dash-topbar{display:flex;justify-content:space-between;align-items:center;}
.dash-topbar-left{display:flex;flex-direction:column;gap:2px;}
.dash-eyebrow{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);}
.dash-topbar-title{font-size:.85rem;font-weight:700;color:#fff;}
.dash-topbar-btns{display:flex;gap:6px;}
.dash-btn{padding:4px 12px;border-radius:6px;font-size:.55rem;font-weight:600;}
.dash-btn.ghost{background:var(--dark-surface);color:var(--text-muted);border:1px solid var(--dark-border);}
.dash-range{display:flex;gap:2px;background:rgba(255,255,255,.04);border-radius:6px;padding:2px;}
.dash-range-btn{padding:3px 10px;border-radius:4px;font-size:.5rem;font-weight:600;color:var(--text-muted);}
.dash-range-btn.active{background:var(--blue);color:#fff;}
.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.dash-metric{background:rgba(255,255,255,.03);border:1px solid var(--dark-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;}
.dash-metric.primary{border-color:rgba(74,172,247,.15);background:rgba(74,172,247,.06);}
.dash-metric-label{font-size:.48rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);}
.dash-metric-value{font-size:1.1rem;font-weight:800;color:#fff;}
.dash-metric-meta{font-size:.44rem;color:var(--text-muted);}
.dash-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;flex:1;min-height:0;}
.dash-panel{background:rgba(255,255,255,.03);border:1px solid var(--dark-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;overflow:hidden;}
.dash-panel-title{font-size:.6rem;font-weight:700;color:#fff;margin-bottom:2px;}
.dash-panel-subtitle{font-size:.45rem;color:var(--text-muted);margin-bottom:10px;}
.dash-chart{flex:1;display:flex;align-items:flex-end;gap:3px;padding-top:8px;}
.dash-chart-bar{flex:1;border-radius:3px 3px 0 0;min-height:4px;transition:height .5s ease;}
.dash-chart-bar.blue{background:var(--blue);}
.dash-chart-bar.teal{background:var(--teal);opacity:.5;}
.dash-activity{flex:1;display:flex;flex-direction:column;gap:6px;overflow:hidden;}
.dash-activity-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.02);}
.dash-activity-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.dash-activity-dot.green{background:var(--teal);}
.dash-activity-dot.blue{background:var(--blue);}
.dash-activity-dot.orange{background:var(--orange);}
.dash-activity-text{font-size:.48rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-activity-time{font-size:.42rem;color:var(--text-muted);margin-left:auto;flex-shrink:0;}

/* ══════════════════════════════════════════════
   LOGO STRIP
   ══════════════════════════════════════════════ */
.logo-strip{padding:56px 0 72px;text-align:center;}
.logo-strip-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:28px;}
.logo-strip-grid{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.logo-strip-item{font-size:1.1rem;font-weight:800;color:rgba(255,255,255,.13);transition:color .3s;}
.logo-strip-item:hover{color:rgba(255,255,255,.3);}

/* ══════════════════════════════════════════════
   HORIZONTAL SCROLL
   ══════════════════════════════════════════════ */
.horizontal-section{position:relative;}
.horizontal-sticky{height:300vh;position:relative;}
.horizontal-camera{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#0D1520 0%,var(--dark) 40%,#0F1923 100%);}
.horizontal-camera::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 50%,rgba(74,172,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 85% 40%,rgba(0,194,168,.08) 0%,transparent 40%);pointer-events:none;}
.horizontal-header{padding:0 clamp(24px,5vw,80px);display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;position:relative;z-index:2;}
.horizontal-header-text{max-width:600px;}
.horizontal-track{display:flex;gap:28px;padding:0 clamp(24px,5vw,80px);will-change:transform;position:relative;z-index:2;}
.h-card{flex:0 0 440px;min-width:440px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(12px);transition:border-color .35s,box-shadow .35s;}
.h-card:hover{border-color:rgba(74,172,247,.2);box-shadow:0 12px 48px rgba(0,0,0,.3);}
.h-card-visual{height:240px;position:relative;overflow:hidden;background:var(--dark-card);}
.h-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.h-card:hover .h-card-visual img{transform:scale(1.04);}
.h-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.h-card-placeholder .ico{width:32px;height:32px;opacity:.4;}
.h-card-body{padding:28px 28px 32px;}
.h-card-body-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.h-card-body-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.h-card-body-icon.blue{background:rgba(74,172,247,.12);}
.h-card-body-icon.teal{background:rgba(0,194,168,.12);}
.h-card-body-icon.green{background:rgba(109,212,0,.12);}
.h-card-body-icon.orange{background:rgba(255,122,0,.12);}
.h-card-body-icon.purple{background:rgba(123,104,238,.12);}
.h-card-body-icon.gradient{background:linear-gradient(135deg,rgba(74,172,247,.15),rgba(255,122,0,.1));}
.h-card-body-icon .ico{width:18px;height:18px;}
.h-card-body .display-4{color:#fff;}
.h-card-body p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin-top:8px;}

/* Horizontal slider — progress dots */
.h-progress-dots{display:flex;gap:8px;justify-content:center;padding:0 clamp(24px,5vw,80px);margin-bottom:20px;position:relative;z-index:3;}
.h-dot{width:8px;height:8px;border-radius:4px;border:none;background:rgba(255,255,255,.18);cursor:pointer;padding:0;transition:background .25s,width .25s;}
.h-dot.active{width:24px;background:#4AACF7;}

/* ══════════════════════════════════════════════
   STATS
   ══════════════════════════════════════════════ */
.stats-section{padding:88px 0;border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.stat-item{text-align:center;}
.stat-number{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:6px;}
.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500;}

/* ══════════════════════════════════════════════
   STACKING CARDS
   ══════════════════════════════════════════════ */
.stacking-section{padding:120px 0 100px;}
.stacking-header{text-align:center;max-width:640px;margin:0 auto 80px;}
.stacking-header .text-body{margin-top:14px;}
.stacking-wrapper{display:flex;flex-direction:column;gap:24px;}
.stack-card{position:sticky;top:90px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 60px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 1fr;min-height:380px;transition:box-shadow .3s;}
.stack-card:nth-child(1){top:80px}.stack-card:nth-child(2){top:108px}.stack-card:nth-child(3){top:136px}.stack-card:nth-child(4){top:164px}.stack-card:nth-child(5){top:192px}
.stack-card:hover{box-shadow:0 12px 72px rgba(0,0,0,.35);}
.stack-card-content{padding:48px;display:flex;flex-direction:column;justify-content:center;}
.stack-step{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;}
.stack-step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;}
.stack-step-num.c-blue{background:var(--blue)}.stack-step-num.c-teal{background:var(--teal)}.stack-step-num.c-purple{background:var(--purple)}.stack-step-num.c-green{background:var(--green)}.stack-step-num.c-orange{background:var(--orange)}
.stack-step-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);}
.stack-card-content .display-3{margin-bottom:14px;}
.stack-card-content p{color:var(--text-secondary);line-height:1.7;font-size:.95rem;}
.stack-card-visual{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--dark-deeper);}
.stack-card-visual img{width:100%;height:100%;object-fit:cover;}
.stack-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;min-height:260px;}
.stack-placeholder .ico{width:36px;height:36px;opacity:.3;}
.stack-placeholder span{opacity:.4;}

/* Stack Features List */
.stack-features{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.stack-features li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-secondary);list-style:none;}
.stack-features li svg{flex-shrink:0;}

/* ══════════════════════════════════════════════
   FEATURES GRID
   ══════════════════════════════════════════════ */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feature-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;transition:transform .35s,box-shadow .35s,border-color .35s;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 64px rgba(0,0,0,.3);border-color:rgba(74,172,247,.15);}
.feature-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.feature-icon-wrap .ico{width:22px;height:22px;}
.fi-blue{background:rgba(74,172,247,.12)}.fi-teal{background:rgba(0,194,168,.12)}.fi-orange{background:rgba(255,122,0,.12)}.fi-purple{background:rgba(123,104,238,.12)}.fi-green{background:rgba(109,212,0,.12)}.fi-pink{background:rgba(232,67,147,.12)}
.feature-card .display-4{margin-bottom:10px;}
.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;}

/* ══════════════════════════════════════════════
   SVG ICON HELPER
   ══════════════════════════════════════════════ */
.ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;}

/* ══════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════ */
.testimonials-section{background:var(--dark-surface);}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.testimonial-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;transition:transform .35s,box-shadow .35s;}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 16px 60px rgba(0,0,0,.3);}
.testimonial-stars{display:flex;gap:2px;margin-bottom:16px;color:var(--orange);}
.testimonial-stars .ico{width:16px;height:16px;}
.testimonial-quote{font-size:.95rem;line-height:1.7;color:var(--text-secondary);font-style:normal;margin-bottom:24px;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0;}
.testimonial-name{font-size:.88rem;font-weight:700;color:#fff;}
.testimonial-role{font-size:.78rem;color:var(--text-muted);}
.testimonial-logos{margin-top:56px;text-align:center;}
.testimonial-logos-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:20px;}
.testimonial-logos-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.testimonial-logos-row span{font-size:1rem;font-weight:800;color:rgba(255,255,255,.1);}

/* ══════════════════════════════════════════════
   COMPARISON (Old vs New)
   ══════════════════════════════════════════════ */
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;}
.comparison-col{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;gap:16px;}
.comparison-col-header{margin-bottom:8px;}
.comparison-new{border-color:rgba(74,172,247,.2);background:rgba(74,172,247,.03);}
.comparison-item{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;color:var(--text-secondary);}
.comparison-item .ico{width:20px;height:20px;flex-shrink:0;margin-top:2px;}
.comparison-item.negative .ico{color:var(--negative);opacity:.6;}
.comparison-item.positive .ico{color:var(--teal);}

/* ══════════════════════════════════════════════
   FAQ ACCORDION
   ══════════════════════════════════════════════ */
.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start;}
.faq-header{position:sticky;top:120px;}
.faq-list{display:flex;flex-direction:column;gap:0;}
.faq-item{border-bottom:1px solid var(--dark-border);}
.faq-item:first-child{border-top:1px solid var(--dark-border);}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;text-align:left;transition:color .25s;}
.faq-question:hover{color:var(--blue);}
.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:transform .3s,color .3s;}
.faq-item.active .faq-chevron{transform:rotate(45deg);color:var(--blue);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;}
.faq-answer p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;padding-bottom:22px;}

/* ══════════════════════════════════════════════
   NEWSLETTER
   ══════════════════════════════════════════════ */
.newsletter-card{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:56px;align-items:center;}
.newsletter-content .display-3{margin-bottom:12px;}
.newsletter-content .text-body{margin-bottom:24px;}
.newsletter-form{display:flex;gap:10px;}
.newsletter-input{flex:1;padding:14px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--dark-border);background:var(--dark-surface);color:#fff;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .25s;}
.newsletter-input:focus{border-color:var(--blue);}
.newsletter-input::placeholder{color:var(--text-muted);}
.newsletter-disclaimer{font-size:.78rem;color:var(--text-muted);margin-top:12px;}
.newsletter-visual{display:flex;align-items:center;justify-content:center;}
.newsletter-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.newsletter-icon-item{width:80px;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;}
.newsletter-icon-item .ico{width:28px;height:28px;}

/* ══════════════════════════════════════════════
   CTA
   ══════════════════════════════════════════════ */
.cta-section{position:relative;overflow:hidden;padding:120px 0;background:var(--gradient-hero);}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 50%,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none;}
.cta-content{text-align:center;position:relative;z-index:2;max-width:680px;margin:0 auto;}
.cta-content .display-2{color:#fff;margin-bottom:20px;}
.cta-content .text-body{color:rgba(255,255,255,.85);margin-bottom:40px;font-size:1.1rem;}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-glass{position:absolute;border-radius:24px;background:rgba(255,255,255,.07);backdrop-filter:blur(2px);}
.cta-glass-1{width:280px;height:280px;top:-60px;left:-40px;transform:rotate(20deg);}
.cta-glass-2{width:180px;height:180px;bottom:-30px;right:-20px;transform:rotate(-12deg);}
.cta-glass-3{width:120px;height:120px;top:25%;right:8%;transform:rotate(35deg);}

/* ══════════════════════════════════════════════
   PRICING
   ══════════════════════════════════════════════ */
/* Toggle */
.pricing-toggle{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:32px;}
.pricing-toggle-label{font-size:.9rem;font-weight:600;color:var(--text-muted);transition:color .25s;cursor:pointer;}
.pricing-toggle-label.active{color:#fff;}
.pricing-save{display:inline-block;background:rgba(109,212,0,.15);color:var(--green);font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-pill);margin-left:6px;}
.pricing-toggle-switch{width:52px;height:28px;border-radius:14px;background:var(--dark-card);border:1.5px solid var(--dark-border);cursor:pointer;position:relative;transition:background .25s;}
.pricing-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--blue);transition:transform .25s;}
.pricing-toggle-switch[data-active="monthly"] .pricing-toggle-knob{transform:translateX(24px);}

/* Cards */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;}
.pricing-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;position:relative;transition:transform .35s,box-shadow .35s;}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 60px rgba(0,0,0,.3);}
.pricing-card.popular{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 16px 60px rgba(74,172,247,.15);}
.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;padding:4px 16px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;white-space:nowrap;}
.pricing-card-head{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--dark-border);}
.pricing-card-head .display-4{margin-bottom:4px;}
.pricing-tagline{font-size:.82rem;color:var(--text-muted);margin-bottom:16px;}
.pricing-price{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.03em;}
.pricing-price span{font-size:.85rem;font-weight:500;color:var(--text-muted);}
.pricing-meta{font-size:.78rem;color:var(--text-muted);margin-top:6px;}
.pricing-features{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:24px;}
.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--text-secondary);line-height:1.4;}
.pricing-feature svg{flex-shrink:0;margin-top:1px;}
.pricing-card-foot{margin-top:auto;}

/* Guarantee */
.pricing-guarantee{margin-top:48px;text-align:center;}
.pricing-guarantee-inner{display:inline-flex;align-items:center;gap:16px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:24px 36px;text-align:left;}
.pricing-guarantee-inner .ico{width:32px;height:32px;color:var(--teal);flex-shrink:0;}
.pricing-guarantee-inner strong{display:block;font-size:1rem;color:#fff;margin-bottom:4px;}
.pricing-guarantee-inner p{font-size:.85rem;color:var(--text-muted);margin:0;}

/* Feature Comparison Table */
.comparison-table-wrap{overflow-x:auto;margin-top:48px;}
.comparison-table{width:100%;border-collapse:collapse;font-size:.88rem;}
.comparison-table th,.comparison-table td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--dark-border);}
.comparison-table th{font-weight:700;color:#fff;background:var(--dark-card);position:sticky;top:0;}
.comparison-table th.feature-col{text-align:left;width:30%;}
.comparison-table th.highlighted{color:var(--blue);}
.comparison-table td:first-child{text-align:left;color:var(--text-secondary);font-weight:500;}
.comparison-table td{color:var(--text-secondary);}
.comparison-table td svg{margin:0 auto;}
.category-row td{font-weight:700;color:var(--blue);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(74,172,247,.04);padding:10px 18px;}

/* Add-Ons */
.addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;}
.addon-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:28px;transition:transform .35s,box-shadow .35s;}
.addon-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px rgba(0,0,0,.3);}
.addon-icon{margin-bottom:16px;}
.addon-icon .ico{width:28px;height:28px;}
.addon-card .display-4{margin-bottom:8px;}
.addon-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:12px;}
.addon-price{font-size:.9rem;font-weight:700;color:var(--text-muted);}
.addon-price strong{color:#fff;}

/* ══════════════════════════════════════════════
   CONTACT PAGE
   ══════════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;}
.contact-form-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:48px;}
.contact-sidebar{display:flex;flex-direction:column;gap:20px;}
.contact-info-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px;}
.contact-info-card.highlight{border-color:rgba(74,172,247,.2);background:rgba(74,172,247,.04);}
.contact-info-item{display:flex;align-items:flex-start;gap:14px;}
.contact-info-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--dark-surface);color:var(--blue);flex-shrink:0;}
.contact-info-icon .ico{width:18px;height:18px;}
.contact-info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;}
.contact-info-value{font-size:.92rem;color:var(--text-secondary);display:block;}
a.contact-info-value:hover{color:var(--blue);}

/* Forms */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group:only-child{margin-bottom:16px;}
.form-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);}
.form-input{padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--dark-border);background:var(--dark-surface);color:#fff;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .25s;}
.form-input:focus{border-color:var(--blue);}
.form-input::placeholder{color:var(--text-muted);}
select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.form-textarea{resize:vertical;min-height:120px;}
.form-note{font-size:.78rem;color:var(--text-muted);margin-top:14px;}
.form-note a{color:var(--blue);}

/* CF7 Styling */
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--dark-border);background:var(--dark-surface);color:#fff;font-family:inherit;font-size:.9rem;outline:none;width:100%;transition:border-color .25s;}
.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--blue);}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{color:var(--text-muted);}
.wpcf7 input[type="submit"]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:transform .25s,box-shadow .25s;margin-top:8px;}
.wpcf7 input[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(74,172,247,.35);}
.wpcf7 .cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.wpcf7 .cf7-col{display:flex;flex-direction:column;}
.wpcf7 textarea{min-height:120px;resize:vertical;margin-bottom:8px;}
.wpcf7 select{appearance:none;}
.wpcf7-response-output{border-radius:var(--radius-md) !important;font-size:.88rem;}

/* Map */
.map-placeholder{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);height:300px;display:flex;align-items:center;justify-content:center;}
.map-inner{text-align:center;color:var(--text-muted);}
.map-inner .ico{width:36px;height:36px;margin:0 auto 12px;opacity:.4;}
.map-inner span{display:block;font-size:1rem;font-weight:700;color:var(--text-secondary);margin-bottom:4px;}
.map-inner p{font-size:.82rem;}

/* ══════════════════════════════════════════════
   ABOUT PAGE
   ══════════════════════════════════════════════ */
.about-story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;}
.about-story-visual{display:flex;flex-direction:column;gap:20px;}
.about-story-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;text-align:center;}
.about-story-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.about-story-card-icon .ico{width:22px;height:22px;}
.about-story-card-stat{font-size:2.4rem;font-weight:900;color:#fff;letter-spacing:-.03em;}
.about-story-card-label{font-size:.82rem;color:var(--text-muted);margin-top:4px;}

/* Mission */
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;}
.mission-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:40px;}
.mission-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.mission-icon .ico{width:26px;height:26px;}
.mission-card .display-3{margin-bottom:16px;}

/* Values */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;}
.value-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;transition:transform .35s;}
.value-card:hover{transform:translateY(-4px);}
.value-number{font-size:2rem;font-weight:900;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;}
.value-card .display-4{margin-bottom:10px;}
.value-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65;}

/* Timeline */
.timeline{max-width:700px;margin:48px auto 0;position:relative;padding-left:32px;}
.timeline::before{content:'';position:absolute;top:0;bottom:0;left:6px;width:2px;background:var(--dark-border);}
.timeline-item{position:relative;padding-bottom:40px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-dot{width:14px;height:14px;border-radius:50%;position:absolute;left:-29px;top:4px;border:3px solid var(--dark);z-index:1;}
.timeline-content{padding-left:12px;}
.timeline-date{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;}
.timeline-content .display-4{margin-bottom:6px;}
.timeline-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;}

/* ══════════════════════════════════════════════
   SERVICES PAGE
   ══════════════════════════════════════════════ */
.service-block{padding:80px 0;}
.service-block.alt{background:var(--dark-surface);}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.service-row.reverse{direction:rtl;}
.service-row.reverse > *{direction:ltr;}
.service-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;margin-bottom:16px;}
.service-badge .ico{width:14px;height:14px;}
.service-content .subtitle{margin-bottom:8px;}
.service-visual{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);min-height:360px;display:flex;align-items:center;justify-content:center;}
.service-features{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.service-feature-item{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-secondary);}
.service-feature-item svg{flex-shrink:0;}

/* Integrations */
.integrations-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:48px;}
.integration-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-md);padding:24px 16px;text-align:center;transition:transform .35s,border-color .35s;}
.integration-card:hover{transform:translateY(-4px);border-color:rgba(74,172,247,.15);}
.integration-name{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:4px;}
.integration-desc{font-size:.72rem;color:var(--text-muted);}

/* ══════════════════════════════════════════════
   PORTFOLIO / CASE STUDIES
   ══════════════════════════════════════════════ */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.portfolio-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .35s,box-shadow .35s;}
.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3);}
.portfolio-card-visual{height:220px;display:flex;align-items:center;justify-content:center;background:var(--dark-deeper);}
.portfolio-card-body{padding:24px;}
.portfolio-card-body p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-top:8px;}

/* Case Study Cards */
.case-study-card{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;transition:box-shadow .35s;}
.case-study-card:hover{box-shadow:0 16px 60px rgba(0,0,0,.3);}
.case-study-card.reverse{grid-template-columns:1.3fr 1fr;}
.case-study-card.reverse .case-study-visual{order:2;}
.case-study-visual{min-height:360px;display:flex;align-items:center;justify-content:center;background:var(--dark-deeper);}
.case-study-content{padding:40px;}
.case-study-tag{display:inline-block;padding:4px 14px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(74,172,247,.1);color:var(--blue);margin-bottom:16px;}
.case-study-content .display-3{margin-bottom:16px;}
.case-study-metrics{display:flex;gap:32px;margin-top:24px;}
.case-study-metric{text-align:center;}
.case-study-metric-value{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;}
.case-study-metric-label{font-size:.72rem;color:var(--text-muted);margin-top:2px;}

/* ══════════════════════════════════════════════
   PRODUCTS PAGE
   ══════════════════════════════════════════════ */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.product-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:36px;transition:transform .35s,box-shadow .35s,border-color .35s;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 64px rgba(0,0,0,.3);border-color:rgba(74,172,247,.15);}
.product-card .display-4{margin:16px 0 8px;}
.product-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;}
.product-included{font-size:.78rem;color:var(--text-muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--dark-border);}

/* Product Hero Card */
.product-hero-card{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:48px;margin-bottom:20px;}
.product-hero-visual{min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--dark-deeper);border-radius:var(--radius-md);}
.product-hero-stats{display:flex;gap:24px;margin-top:24px;}
.product-hero-stat{text-align:center;}
.product-hero-stat strong{display:block;font-size:1rem;color:#fff;}
.product-hero-stat span{font-size:.72rem;color:var(--text-muted);}

/* Roadmap */
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.roadmap-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:28px;transition:transform .35s;}
.roadmap-card:hover{transform:translateY(-4px);}
.roadmap-status{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;}
.roadmap-status.in-progress{background:rgba(74,172,247,.12);color:var(--blue);}
.roadmap-status.planned{background:rgba(0,194,168,.12);color:var(--teal);}
.roadmap-status.exploring{background:rgba(255,122,0,.12);color:var(--orange);}
.roadmap-card .display-4{margin-bottom:8px;}
.roadmap-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;}

/* ══════════════════════════════════════════════
   BLOG
   ══════════════════════════════════════════════ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .35s,box-shadow .35s;}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3);}
.blog-card-image-wrap{display:block;height:200px;overflow:hidden;}
.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.blog-card:hover .blog-card-img{transform:scale(1.05);}
.blog-card-body{padding:24px;}
.blog-card-meta{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:10px;}
.blog-card-meta a{color:var(--text-muted);transition:color .25s;}
.blog-card-meta a:hover{color:var(--blue);}
.blog-card-body .display-4{margin-bottom:8px;transition:color .25s;}
.blog-card-body a:hover .display-4{color:var(--blue);}
.blog-card-body p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:14px;}
.pagination{margin-top:48px;text-align:center;}
.pagination .nav-links{display:flex;gap:8px;justify-content:center;}
.pagination a,.pagination span{padding:8px 16px;border-radius:8px;font-size:.88rem;font-weight:600;color:var(--text-muted);background:var(--dark-card);border:1px solid var(--dark-border);transition:background .25s,color .25s;}
.pagination a:hover,.pagination .current{background:var(--blue);color:#fff;border-color:var(--blue);}

/* Single Post */
.post-content{max-width:760px;margin:0 auto;}
.post-featured-img{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:40px;}
.post-featured-img img{width:100%;}
.prose{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;}
.prose h2,.prose h3,.prose h4{color:#fff;margin:32px 0 12px;}
.prose p{margin-bottom:16px;}
.prose a{color:var(--blue);}
.prose img{border-radius:var(--radius-md);margin:24px 0;}
.prose ul,.prose ol{margin:0 0 16px 24px;}
.prose li{margin-bottom:6px;}
.prose blockquote{border-left:3px solid var(--blue);padding:16px 24px;margin:24px 0;background:var(--dark-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;}

/* Post Tags */
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid var(--dark-border);}
.post-tag{padding:6px 14px;border-radius:var(--radius-pill);background:var(--dark-surface);border:1px solid var(--dark-border);font-size:.78rem;font-weight:600;color:var(--text-muted);transition:color .25s,border-color .25s;}
.post-tag a{color:inherit;}
.post-tag:hover{color:var(--blue);border-color:var(--blue);}

/* Author Box */
.author-box{display:flex;align-items:center;gap:20px;margin-top:40px;padding:28px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);}
.author-avatar{width:52px;height:52px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0;}
.author-name{font-weight:700;color:#fff;margin-bottom:2px;}
.author-bio{font-size:.85rem;color:var(--text-muted);line-height:1.5;}

/* Post Navigation */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;}
.post-nav-item{padding:20px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-md);transition:border-color .25s;}
.post-nav-item:hover{border-color:var(--blue);}
.post-nav-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:4px;display:block;}
.post-nav-title{font-size:.92rem;font-weight:600;color:var(--text-secondary);display:block;}
.post-nav-next{text-align:right;}

/* ══════════════════════════════════════════════
   404
   ══════════════════════════════════════════════ */
.error-number{font-size:clamp(6rem,15vw,12rem);font-weight:900;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.06em;}

/* ══════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════ */
.footer{background:var(--dark-deeper);padding:72px 0 36px;border-top:1px solid var(--dark-border);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--dark-border);}
.footer-brand-col .footer-desc{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-top:16px;max-width:280px;}
.footer-social{display:flex;gap:12px;margin-top:20px;}
.footer-social-link{width:36px;height:36px;border-radius:50%;background:var(--dark-surface);border:1px solid var(--dark-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .25s,border-color .25s;}
.footer-social-link:hover{color:var(--blue);border-color:var(--blue);}
.footer-col{display:flex;flex-direction:column;gap:12px;}
.footer-col-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:4px;}
.footer-col a{font-size:.88rem;color:var(--text-muted);transition:color .25s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);}
.footer-bottom-links{display:flex;gap:20px;}
.footer-bottom-links a{color:var(--text-muted);transition:color .25s;}
.footer-bottom-links a:hover{color:#fff;}
.footer-version{background:rgba(74,172,247,.1);color:var(--blue);padding:4px 14px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;}

/* ══════════════════════════════════════════════
   ELEMENTOR SUPPORT
   ══════════════════════════════════════════════ */
.elementor-template-canvas .header,.elementor-template-canvas .footer{display:none;}
.elementor-template-full-width .site-content{max-width:100%;padding:0;}
body.elementor-page .section{padding:0;}

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media(max-width:1100px){
  .pricing-grid{grid-template-columns:repeat(2,1fr);}
  .addons-grid{grid-template-columns:repeat(2,1fr);}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .integrations-grid{grid-template-columns:repeat(4,1fr);}
  .roadmap-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
  .header-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--dark-card);flex-direction:column;padding:80px 32px 32px;gap:20px;transition:right .35s;z-index:999;border-left:1px solid var(--dark-border);overflow-y:auto;}
  .header-nav.open{right:0;}
  .header-nav .btn{width:100%;justify-content:center;}
  .mobile-menu-btn{display:flex;position:relative;z-index:1001;}
  .h-card{flex:0 0 370px;min-width:370px;}
  .stack-card{grid-template-columns:1fr;}.stack-card-visual{min-height:260px;}
  .features-grid,.blog-grid,.portfolio-grid,.products-grid{grid-template-columns:repeat(2,1fr);}
  .testimonial-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:40px;}
  .dash-sidebar{display:none;}.dash-metrics{grid-template-columns:repeat(2,1fr);}
  .dashboard{min-height:360px;}
  .service-row,.service-row.reverse{grid-template-columns:1fr;direction:ltr;}
  .about-story-grid{grid-template-columns:1fr;}
  .mission-grid{grid-template-columns:1fr;}
  .faq-layout{grid-template-columns:1fr;}
  .faq-header{position:static;margin-bottom:40px;}
  .comparison-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .case-study-card,.case-study-card.reverse{grid-template-columns:1fr;}
  .case-study-card.reverse .case-study-visual{order:0;}
  .product-hero-card{grid-template-columns:1fr;}
  .newsletter-card{grid-template-columns:1fr;}
  .newsletter-visual{display:none;}
  .integrations-grid{grid-template-columns:repeat(3,1fr);}
  .comparison-table-wrap{margin-left:-24px;margin-right:-24px;padding:0 24px;}
}
@media(max-width:767px){
  .hero{padding:140px 0 56px;}.hero-visual{margin-top:44px;}.hero-sm{padding:120px 0 48px;}
  .h-card{flex:0 0 310px;min-width:310px;}
  .features-grid,.blog-grid,.portfolio-grid,.products-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .addons-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr;}
  .roadmap-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;gap:14px;text-align:center;}
  .horizontal-header{flex-direction:column;gap:20px;align-items:flex-start;}
  .stack-card-content{padding:28px;}
  .dash-metrics{grid-template-columns:1fr 1fr;}.dash-panels{grid-template-columns:1fr;}
  .contact-form-card{padding:28px;}
  .newsletter-card{padding:32px;}
  .newsletter-form{flex-direction:column;}
  .product-hero-card{padding:28px;}
  .case-study-content{padding:28px;}
  .case-study-metrics{flex-wrap:wrap;gap:20px;}
  .form-row{grid-template-columns:1fr;}
  .wpcf7 .cf7-row{grid-template-columns:1fr;}
  .post-nav{grid-template-columns:1fr;}
  .hero-trust{flex-direction:column;align-items:center;gap:12px;}
  .integrations-grid{grid-template-columns:repeat(2,1fr);}
  .product-hero-stats{flex-wrap:wrap;gap:16px;}
}
@media(max-width:479px){
  .hero-buttons,.cta-buttons{flex-direction:column;align-items:center;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .pricing-toggle{flex-wrap:wrap;justify-content:center;}
}

/* ═══ Legal Content Pages ═══ */
.legal-content{max-width:760px;margin:0 auto;}
.legal-content h2{margin:40px 0 12px;}
.legal-content h2:first-child{margin-top:0;}
.legal-content p{margin:0 0 16px;line-height:1.8;}
.legal-content a{color:var(--blue);text-decoration:underline;}
.legal-content code{background:rgba(74,172,247,.1);padding:2px 8px;border-radius:4px;font-size:.88rem;}

/* ═══ Customer Portal ═══ */
.payges-portal{max-width:700px;margin:0 auto;padding:20px 0;}
.payges-portal-card{background:var(--dark-surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px;margin-bottom:20px;}
.payges-portal-card h3{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem;font-weight:700;}
.payges-portal-card p{color:var(--text-secondary);margin:4px 0;font-size:.92rem;}
.payges-portal-card strong{color:var(--text-primary);}
.payges-portal-table{width:100%;border-collapse:collapse;margin-top:12px;}
.payges-portal-table th,.payges-portal-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.88rem;}
.payges-portal-table th{color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;}
.payges-portal-login{text-align:center;padding:60px 20px;color:var(--text-secondary);}
.payges-portal-login a{color:var(--blue);}

/* ═══ Image Replacer Visual Support ═══ */
.stack-placeholder.has-image{padding:0;display:block;overflow:hidden;}
.stack-placeholder.has-image .payges-visual-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.service-visual .has-image .payges-visual-img,.case-study-visual .has-image .payges-visual-img,.product-hero-visual .has-image .payges-visual-img{border-radius:16px;}
.h-card-visual .has-image .payges-visual-img{border-radius:12px;}

/* ═══ Order Success / Cancel Pages ═══ */
.order-status-icon{display:flex;justify-content:center;}
.order-next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;max-width:900px;}
.order-step-card{background:var(--dark-surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px;text-align:center;}
.order-step-num{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;font-size:1.1rem;font-weight:800;margin-bottom:16px;}
.order-step-card h3{margin:0 0 10px;}
.order-step-card p{font-size:.9rem;color:var(--text-secondary);}
.order-actions{display:flex;gap:14px;justify-content:center;margin:40px 0 0;flex-wrap:wrap;}
.order-info-box{background:var(--dark-surface);border:1px solid var(--border);border-radius:14px;padding:20px 28px;margin-top:32px;max-width:600px;margin-left:auto;margin-right:auto;text-align:center;}
.order-info-box p{margin:0;font-size:.92rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;}
.order-info-box a{color:var(--blue);}
.order-info-box .ico{width:18px;height:18px;color:var(--blue);}
@media(max-width:768px){.order-next-steps{grid-template-columns:1fr;max-width:400px;}}