/*
Theme Name: ZeroBug
Theme URI: https://zerobug.ro
Author: ZeroBug
Author URI: https://zerobug.ro
Description: Temă WordPress premium cu design iOS pentru agenție de dezvoltare software. Glassmorphism, animații fluide și design Apple-style.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zerobug
Tags: one-column, custom-menu, featured-images, full-width-template, translation-ready
*/

:root {
  --color-bg: #000000;
  --color-bg-secondary: #0a0a0a;
  --color-bg-card: rgba(28, 28, 30, 0.72);
  --color-bg-glass: rgba(255, 255, 255, 0.06);
  --color-bg-glass-hover: rgba(255, 255, 255, 0.1);
  --color-surface: #1c1c1e;
  --color-surface-2: #2c2c2e;
  --color-surface-3: #3a3a3c;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-light: rgba(255, 255, 255, 0.15);
  --color-text-primary: #f5f5f7;
  --color-text-secondary: #98989d;
  --color-text-tertiary: #636366;
  --color-accent: #0a84ff;
  --color-accent-hover: #409cff;
  --color-accent-green: #30d158;
  --color-accent-orange: #ff9f0a;
  --color-accent-pink: #ff375f;
  --color-accent-purple: #bf5af2;
  --color-accent-teal: #64d2ff;
  --color-accent-indigo: #5e5ce6;
  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-body: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px;
  --space-2xl: 48px; --space-3xl: 64px; --space-4xl: 96px; --space-5xl: 128px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px;
  --radius-2xl: 24px; --radius-3xl: 28px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3); --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5); --shadow-xl: 0 16px 48px rgba(0,0,0,0.6);
  --shadow-glow: 0 0 40px rgba(10,132,255,0.15);
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-ios: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.2s; --duration-normal: 0.35s; --duration-slow: 0.6s;
  --blur-sm: 10px; --blur-md: 20px; --blur-lg: 40px; --blur-xl: 80px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 16px; }
body { font-family: var(--font-body); background-color: var(--color-bg); color: var(--color-text-primary); line-height: 1.6; overflow-x: hidden; }
a { color: var(--color-accent); text-decoration: none; transition: color var(--duration-fast) var(--ease-ios); }
a:hover { color: var(--color-accent-hover); }
img { max-width: 100%; height: auto; display: block; }

body::before {
  content: ''; position: fixed; top: -50%; left: -50%; width: 200%; height: 200%;
  background:
    radial-gradient(ellipse 600px 600px at 20% 20%, rgba(10,132,255,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 500px 500px at 80% 50%, rgba(94,92,230,0.05) 0%, transparent 70%),
    radial-gradient(ellipse 400px 400px at 50% 80%, rgba(191,90,242,0.04) 0%, transparent 70%);
  z-index: -1; animation: bgShift 25s ease-in-out infinite alternate;
}
@keyframes bgShift { 0%{transform:translate(0,0) scale(1)} 50%{transform:translate(-3%,2%) scale(1.05)} 100%{transform:translate(2%,-2%) scale(1)} }

.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--space-lg); }
.container--narrow { max-width: 900px; }
.container--wide { max-width: 1400px; }

/* NAV */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all var(--duration-normal) var(--ease-ios); }
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between; max-width: 1200px;
  margin: var(--space-md) auto 0; padding: var(--space-sm) var(--space-lg);
  background: rgba(28,28,30,0.65); backdrop-filter: blur(var(--blur-lg)) saturate(180%); -webkit-backdrop-filter: blur(var(--blur-lg)) saturate(180%);
  border: 1px solid var(--color-border); border-radius: var(--radius-full); transition: all var(--duration-normal) var(--ease-ios);
}
.site-header.scrolled .site-header__inner { margin-top: var(--space-sm); background: rgba(28,28,30,0.85); box-shadow: var(--shadow-lg); }
.site-logo { display: flex; align-items: center; gap: var(--space-sm); font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: var(--color-text-primary); letter-spacing: -0.02em; }
.site-logo__icon { width: 32px; height: 32px; background: linear-gradient(135deg, var(--color-accent-green), var(--color-accent-teal)); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 0.7rem; color: white; font-weight: 800; overflow: hidden; }
.site-logo__icon img { width: 100%; height: 100%; object-fit: cover; }
.main-navigation ul { display: flex; list-style: none; gap: var(--space-xs); }
.main-navigation a { display: block; padding: var(--space-sm) var(--space-md); font-size: 0.875rem; font-weight: 500; color: var(--color-text-secondary); border-radius: var(--radius-full); transition: all var(--duration-fast) var(--ease-ios); letter-spacing: -0.01em; }
.main-navigation a:hover, .main-navigation .current-menu-item a { color: var(--color-text-primary); background: var(--color-bg-glass); }
.nav-cta { padding: var(--space-sm) var(--space-lg) !important; background: var(--color-accent) !important; color: white !important; font-weight: 600 !important; border-radius: var(--radius-full) !important; }
.nav-cta:hover { background: var(--color-accent-hover) !important; transform: scale(1.02); }
.nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: var(--space-sm); color: var(--color-text-primary); }
.nav-toggle span { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 2px; transition: all var(--duration-fast) var(--ease-ios); }
.nav-toggle span + span { margin-top: 5px; }
.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* HERO */
.hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: var(--space-5xl) var(--space-lg); position: relative; overflow: hidden; }
.hero::before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(48,209,88,0.10) 0%, transparent 70%); border-radius: 50%; filter: blur(60px); animation: heroPulse 6s ease-in-out infinite alternate; }
@keyframes heroPulse { 0%{transform:translate(-50%,-50%) scale(1);opacity:.7} 100%{transform:translate(-50%,-50%) scale(1.3);opacity:1} }
.hero__badge { display: inline-flex; align-items: center; gap: var(--space-sm); padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs); background: var(--color-bg-glass); border: 1px solid var(--color-border); border-radius: var(--radius-full); font-size: 0.8125rem; font-weight: 500; color: var(--color-text-secondary); margin-bottom: var(--space-xl); backdrop-filter: blur(var(--blur-sm)); animation: fadeInUp 0.8s var(--ease-out) both; }
.hero__badge-dot { width: 8px; height: 8px; background: var(--color-accent-green); border-radius: 50%; animation: pulse 2s ease-in-out infinite; box-shadow: 0 0 8px rgba(48,209,88,0.5); }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.hero__title { font-family: var(--font-display); font-size: clamp(3rem, 8vw, 6rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; margin-bottom: var(--space-lg); animation: fadeInUp 0.8s var(--ease-out) 0.1s both; }
.hero__title-gradient { background: linear-gradient(135deg, var(--color-accent-green), var(--color-accent-teal), var(--color-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 200% 200%; animation: gradientMove 5s ease-in-out infinite alternate; }
@keyframes gradientMove { 0%{background-position:0% 50%} 100%{background-position:100% 50%} }
.hero__subtitle { font-size: clamp(1.1rem, 2.5vw, 1.375rem); color: var(--color-text-secondary); max-width: 600px; margin: 0 auto var(--space-2xl); line-height: 1.6; letter-spacing: -0.01em; animation: fadeInUp 0.8s var(--ease-out) 0.2s both; }
.hero__actions { display: flex; gap: var(--space-md); justify-content: center; flex-wrap: wrap; animation: fadeInUp 0.8s var(--ease-out) 0.3s both; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

/* BUTTONS */
.btn { display: inline-flex; align-items: center; gap: var(--space-sm); padding: 14px 28px; font-family: var(--font-body); font-size: 0.9375rem; font-weight: 600; border: none; border-radius: var(--radius-full); cursor: pointer; transition: all var(--duration-normal) var(--ease-spring); letter-spacing: -0.01em; text-decoration: none; position: relative; overflow: hidden; }
.btn::after { content:''; position: absolute; inset: 0; border-radius: inherit; opacity: 0; background: linear-gradient(rgba(255,255,255,0.2), transparent); transition: opacity var(--duration-fast) var(--ease-ios); }
.btn:hover::after { opacity: 1; }
.btn:active { transform: scale(0.97); }
.btn--primary { background: var(--color-accent); color: white; box-shadow: 0 4px 16px rgba(10,132,255,0.3); }
.btn--primary:hover { background: var(--color-accent-hover); color: white; box-shadow: 0 6px 24px rgba(10,132,255,0.4); transform: translateY(-1px); }
.btn--secondary { background: var(--color-bg-glass); color: var(--color-text-primary); border: 1px solid var(--color-border-light); backdrop-filter: blur(var(--blur-sm)); }
.btn--secondary:hover { background: var(--color-bg-glass-hover); color: var(--color-text-primary); border-color: rgba(255,255,255,0.25); transform: translateY(-1px); }
.btn--large { padding: 16px 36px; font-size: 1.0625rem; }
.btn--icon { font-size: 1.1em; }

/* SECTIONS */
.section { padding: var(--space-5xl) 0; position: relative; }
.section--alt { background: var(--color-bg-secondary); }
.section__header { text-align: center; margin-bottom: var(--space-4xl); }
.section__label { display: inline-flex; align-items: center; gap: var(--space-sm); font-family: var(--font-mono); font-size: 0.8125rem; font-weight: 500; color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--space-md); }
.section__label::before { content:''; width: 6px; height: 6px; background: var(--color-accent); border-radius: 50%; }
.section__title { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; margin-bottom: var(--space-md); }
.section__desc { font-size: 1.125rem; color: var(--color-text-secondary); max-width: 550px; margin: 0 auto; line-height: 1.6; }

/* SERVICES */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.service-card { position: relative; padding: var(--space-xl); background: var(--color-bg-card); backdrop-filter: blur(var(--blur-lg)); -webkit-backdrop-filter: blur(var(--blur-lg)); border: 1px solid var(--color-border); border-radius: var(--radius-xl); transition: all var(--duration-normal) var(--ease-ios); overflow: hidden; }
.service-card::before { content:''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); opacity: 0; transition: opacity var(--duration-normal) var(--ease-ios); }
.service-card:hover { border-color: var(--color-border-light); transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.service-card:hover::before { opacity: 1; }
.service-card__icon { width: 52px; height: 52px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: var(--space-lg); }
.service-card__icon--blue { background: rgba(10,132,255,0.15); color: var(--color-accent); }
.service-card__icon--purple { background: rgba(191,90,242,0.15); color: var(--color-accent-purple); }
.service-card__icon--green { background: rgba(48,209,88,0.15); color: var(--color-accent-green); }
.service-card__icon--orange { background: rgba(255,159,10,0.15); color: var(--color-accent-orange); }
.service-card__icon--pink { background: rgba(255,55,95,0.15); color: var(--color-accent-pink); }
.service-card__icon--teal { background: rgba(100,210,255,0.15); color: var(--color-accent-teal); }
.service-card__title { font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; margin-bottom: var(--space-sm); letter-spacing: -0.02em; }
.service-card__desc { font-size: 0.9375rem; color: var(--color-text-secondary); line-height: 1.55; margin-bottom: var(--space-lg); }
.service-card__tags { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.service-card__tag { padding: 4px 10px; font-size: 0.75rem; font-family: var(--font-mono); font-weight: 500; color: var(--color-text-tertiary); background: rgba(255,255,255,0.05); border-radius: var(--radius-full); border: 1px solid var(--color-border); }

/* MARQUEE */
.tech-marquee { overflow: hidden; padding: var(--space-3xl) 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.tech-marquee__track { display: flex; gap: var(--space-3xl); animation: marquee 30s linear infinite; width: max-content; }
.tech-marquee__item { display: flex; align-items: center; gap: var(--space-sm); font-size: 1.125rem; font-weight: 600; color: var(--color-text-tertiary); white-space: nowrap; }
.tech-marquee__item span { font-size: 1.5rem; }
@keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* PROCESS */
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); position: relative; }
.process-grid::before { content:''; position: absolute; top: 40px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(90deg, var(--color-accent-green), var(--color-accent-teal), var(--color-accent), var(--color-accent-purple)); border-radius: 1px; opacity: 0.3; }
.process-step { text-align: center; position: relative; z-index: 1; }
.process-step__number { width: 80px; height: 80px; margin: 0 auto var(--space-lg); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; color: var(--color-text-primary); background: var(--color-surface); border: 2px solid var(--color-border-light); border-radius: var(--radius-2xl); transition: all var(--duration-normal) var(--ease-spring); }
.process-step:hover .process-step__number { border-color: var(--color-accent-green); box-shadow: 0 0 40px rgba(48,209,88,0.15); transform: scale(1.05); }
.process-step__title { font-family: var(--font-display); font-size: 1.125rem; font-weight: 700; margin-bottom: var(--space-sm); letter-spacing: -0.02em; }
.process-step__desc { font-size: 0.875rem; color: var(--color-text-secondary); line-height: 1.55; }

/* STATS */
.stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); padding: var(--space-3xl) 0; }
.stat-item { text-align: center; padding: var(--space-xl); background: var(--color-bg-glass); border: 1px solid var(--color-border); border-radius: var(--radius-xl); backdrop-filter: blur(var(--blur-sm)); transition: all var(--duration-normal) var(--ease-ios); }
.stat-item:hover { border-color: var(--color-border-light); transform: translateY(-2px); }
.stat-item__number { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; margin-bottom: var(--space-sm); background: linear-gradient(135deg, var(--color-text-primary), var(--color-accent-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.stat-item__label { font-size: 0.875rem; color: var(--color-text-secondary); font-weight: 500; }

/* PORTFOLIO */
.portfolio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-lg); }
.portfolio-card { position: relative; border-radius: var(--radius-xl); overflow: hidden; aspect-ratio: 16/10; background: var(--color-surface); border: 1px solid var(--color-border); transition: all var(--duration-normal) var(--ease-ios); cursor: pointer; }
.portfolio-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); border-color: var(--color-border-light); }
.portfolio-card__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, transparent); padding: var(--space-xl); display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; transition: opacity var(--duration-normal) var(--ease-ios); }
.portfolio-card:hover .portfolio-card__overlay { opacity: 1; }
.portfolio-card__category { font-family: var(--font-mono); font-size: 0.75rem; font-weight: 500; color: var(--color-accent-green); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: var(--space-sm); }
.portfolio-card__title { font-family: var(--font-display); font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; }

/* TESTIMONIALS */
.testimonials-slider { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.testimonial-card { padding: var(--space-xl); background: var(--color-bg-card); backdrop-filter: blur(var(--blur-lg)); border: 1px solid var(--color-border); border-radius: var(--radius-xl); transition: all var(--duration-normal) var(--ease-ios); }
.testimonial-card:hover { border-color: var(--color-border-light); transform: translateY(-3px); }
.testimonial-card__stars { color: var(--color-accent-orange); font-size: 0.875rem; margin-bottom: var(--space-md); letter-spacing: 2px; }
.testimonial-card__text { font-size: 0.9375rem; color: var(--color-text-secondary); line-height: 1.65; margin-bottom: var(--space-lg); font-style: italic; }
.testimonial-card__author { display: flex; align-items: center; gap: var(--space-md); }
.testimonial-card__avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--color-accent-green), var(--color-accent-teal)); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.875rem; color: white; flex-shrink: 0; }
.testimonial-card__name { font-weight: 600; font-size: 0.9375rem; }
.testimonial-card__role { font-size: 0.8125rem; color: var(--color-text-tertiary); }

/* CTA */
.cta-section { text-align: center; }
.cta-box { padding: var(--space-4xl) var(--space-3xl); background: var(--color-bg-card); backdrop-filter: blur(var(--blur-lg)); border: 1px solid var(--color-border); border-radius: var(--radius-3xl); position: relative; overflow: hidden; text-align: center; }
.cta-box::before { content:''; position: absolute; top: -1px; left: 20%; right: 20%; height: 2px; background: linear-gradient(90deg, transparent, var(--color-accent-green), transparent); }
.cta-box::after { content:''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 500px; height: 300px; background: radial-gradient(ellipse, rgba(48,209,88,0.08) 0%, transparent 70%); pointer-events: none; }
.cta-box__title { font-family: var(--font-display); font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.03em; margin-bottom: var(--space-md); position: relative; z-index: 1; }
.cta-box__desc { font-size: 1.125rem; color: var(--color-text-secondary); margin-bottom: var(--space-2xl); max-width: 500px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
.cta-box__actions { position: relative; z-index: 1; display: flex; gap: var(--space-md); justify-content: center; flex-wrap: wrap; }

/* FOOTER */
.site-footer { padding: var(--space-4xl) 0 var(--space-2xl); border-top: 1px solid var(--color-border); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-3xl); margin-bottom: var(--space-3xl); }
.footer-brand__desc { font-size: 0.9375rem; color: var(--color-text-secondary); line-height: 1.6; margin-top: var(--space-md); max-width: 300px; }
.footer-col__title { font-family: var(--font-display); font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-text-tertiary); margin-bottom: var(--space-lg); }
.footer-col ul { list-style: none; }
.footer-col li + li { margin-top: var(--space-sm); }
.footer-col a { font-size: 0.9375rem; color: var(--color-text-secondary); transition: color var(--duration-fast) var(--ease-ios); }
.footer-col a:hover { color: var(--color-text-primary); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-xl); border-top: 1px solid var(--color-border); font-size: 0.8125rem; color: var(--color-text-tertiary); }
.footer-social { display: flex; gap: var(--space-md); }
.footer-social a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-bg-glass); border: 1px solid var(--color-border); color: var(--color-text-secondary); font-size: 1rem; transition: all var(--duration-fast) var(--ease-ios); }
.footer-social a:hover { background: var(--color-bg-glass-hover); color: var(--color-text-primary); border-color: var(--color-border-light); transform: translateY(-2px); }

/* REVEAL */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s var(--ease-out); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }

/* RESPONSIVE */
@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-xl); }
  .process-grid::before { display: none; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  :root { --space-5xl: 80px; --space-4xl: 64px; }
  .site-header__inner { padding: var(--space-sm) var(--space-md); }
  .main-navigation { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.95); backdrop-filter: blur(var(--blur-xl)); -webkit-backdrop-filter: blur(var(--blur-xl)); z-index: 999; padding: 100px var(--space-xl) var(--space-xl); }
  .main-navigation.open { display: flex; align-items: flex-start; justify-content: center; animation: fadeIn 0.3s var(--ease-ios); }
  @keyframes fadeIn { from{opacity:0} to{opacity:1} }
  .main-navigation ul { flex-direction: column; gap: var(--space-sm); width: 100%; }
  .main-navigation a { font-size: 1.5rem; font-weight: 600; padding: var(--space-md) var(--space-lg); text-align: center; }
  .nav-toggle { display: flex; flex-direction: column; z-index: 1001; }
  .services-grid { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; }
  .stats-row { grid-template-columns: 1fr 1fr; gap: var(--space-md); }
  .portfolio-grid { grid-template-columns: 1fr; }
  .testimonials-slider { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
  .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }
  .hero__actions { flex-direction: column; align-items: center; }
  .btn--large { width: 100%; max-width: 300px; justify-content: center; }
  .cta-box { padding: var(--space-3xl) var(--space-xl); }
}
@media (max-width: 480px) { .stats-row { grid-template-columns: 1fr; } .hero__title { font-size: 2.5rem; } }

/* WP SPECIFIC */
.wp-block-image img { border-radius: var(--radius-lg); }
.entry-content { max-width: 700px; margin: 0 auto; padding: var(--space-4xl) var(--space-lg); }
.entry-content h1, .entry-content h2, .entry-content h3 { font-family: var(--font-display); letter-spacing: -0.02em; margin-top: var(--space-2xl); margin-bottom: var(--space-md); }
.entry-content p { margin-bottom: var(--space-md); color: var(--color-text-secondary); line-height: 1.7; }
.entry-content a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 2px; }
.entry-content code { font-family: var(--font-mono); background: var(--color-bg-glass); padding: 2px 8px; border-radius: var(--radius-sm); font-size: 0.875em; border: 1px solid var(--color-border); }
.entry-content pre { background: var(--color-surface); padding: var(--space-xl); border-radius: var(--radius-lg); border: 1px solid var(--color-border); overflow-x: auto; margin-bottom: var(--space-lg); }
.entry-content pre code { background: none; border: none; padding: 0; }
.page-header { padding: var(--space-5xl) 0 var(--space-3xl); text-align: center; }
.page-header__title { font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 800; letter-spacing: -0.04em; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea { width: 100%; padding: 14px 18px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-text-primary); font-family: var(--font-body); font-size: 0.9375rem; transition: border-color var(--duration-fast) var(--ease-ios); outline: none; margin-bottom: var(--space-md); }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(10,132,255,0.15); }
.wpcf7-form input[type="submit"] { padding: 14px 36px; background: var(--color-accent); color: white; border: none; border-radius: var(--radius-full); font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: all var(--duration-normal) var(--ease-spring); }
.wpcf7-form input[type="submit"]:hover { background: var(--color-accent-hover); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(10,132,255,0.3); }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }