:root{--bg-deep:#050508;--bg-primary:#0A0E1A;--bg-surface:#0F1322;--bg-elevated:#141929;--bg-card:#111628;--primary:#6366F1;--primary-light:#818CF8;--primary-dark:#4F46E5;--primary-glow:rgba(99, 102, 241, 0.15);--primary-glow-strong:rgba(99, 102, 241, 0.3);--accent:#F97316;--accent-light:#FB923C;--accent-glow:rgba(249, 115, 22, 0.15);--text-primary:#FFFFFF;--text-secondary:rgba(255, 255, 255, 0.7);--text-muted:rgba(255, 255, 255, 0.65);--text-subtle:rgba(255, 255, 255, 0.25);--border-subtle:rgba(255, 255, 255, 0.06);--border-light:rgba(255, 255, 255, 0.1);--border-accent:rgba(99, 102, 241, 0.3);--neo-raised:6px 6px 14px rgba(0, 0, 0, 0.55), -6px -6px 14px rgba(30, 35, 55, 0.15);--neo-raised-sm:3px 3px 8px rgba(0, 0, 0, 0.5), -3px -3px 8px rgba(30, 35, 55, 0.12);--neo-inset:inset 3px 3px 8px rgba(0, 0, 0, 0.5), inset -3px -3px 8px rgba(30, 35, 55, 0.12);--neo-hover:8px 8px 20px rgba(0, 0, 0, 0.6), -8px -8px 20px rgba(30, 35, 55, 0.18);--neo-pressed:inset 2px 2px 6px rgba(0, 0, 0, 0.6), inset -2px -2px 6px rgba(30, 35, 55, 0.1);--glass-bg:rgba(255, 255, 255, 0.04);--glass-bg-hover:rgba(255, 255, 255, 0.07);--glass-border:rgba(255, 255, 255, 0.08);--section-pad:clamp(4rem, 8vw, 8rem);--container-max:1280px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--duration:0.4s;--duration-fast:0.2s;}
[data-theme="light"]{--bg-deep:#F0F2F5;--bg-primary:#F7F8FA;--bg-surface:#FFFFFF;--bg-elevated:#FFFFFF;--bg-card:#FFFFFF;--text-primary:#0F172A;--text-secondary:rgba(15, 23, 42, 0.75);--text-muted:rgba(15, 23, 42, 0.62);--text-subtle:rgba(15, 23, 42, 0.25);--border-subtle:rgba(15, 23, 42, 0.08);--border-light:rgba(15, 23, 42, 0.12);--border-accent:rgba(99, 102, 241, 0.25);--neo-raised:4px 4px 12px rgba(0, 0, 0, 0.08), -4px -4px 12px rgba(255, 255, 255, 0.9);--neo-raised-sm:2px 2px 6px rgba(0, 0, 0, 0.07), -2px -2px 6px rgba(255, 255, 255, 0.8);--neo-inset:inset 2px 2px 6px rgba(0, 0, 0, 0.06), inset -2px -2px 6px rgba(255, 255, 255, 0.7);--neo-hover:6px 6px 18px rgba(0, 0, 0, 0.1), -6px -6px 18px rgba(255, 255, 255, 0.95);--neo-pressed:inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.6);--glass-bg:rgba(255, 255, 255, 0.7);--glass-bg-hover:rgba(255, 255, 255, 0.85);--glass-border:rgba(15, 23, 42, 0.08);--primary-glow:rgba(99, 102, 241, 0.1);--primary-glow-strong:rgba(99, 102, 241, 0.2);--accent-glow:rgba(249, 115, 22, 0.1);}
[data-theme="light"] .grid-overlay{background-image:linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);}
[data-theme="light"] .nav{background:rgba(255, 255, 255, 0.85);border-bottom-color:rgba(15, 23, 42, 0.08);}
[data-theme="light"] .nav.scrolled{background:rgba(255, 255, 255, 0.92);box-shadow:0 2px 20px rgba(0, 0, 0, 0.06);}
[data-theme="light"] .nav__mobile{background:rgba(255, 255, 255, 0.98);}
[data-theme="light"] .hero__bg{background:radial-gradient(ellipse at 70% 20%, rgba(99,102,241,0.08), transparent 60%),
radial-gradient(ellipse at 30% 80%, rgba(249,115,22,0.05), transparent 50%);}
[data-theme="light"] .mockup__body{background:#F7F8FA;}
[data-theme="light"] .hero__float{background:rgba(255, 255, 255, 0.9);border-color:rgba(15, 23, 42, 0.08);}
[data-theme="light"] .cta-section{background:linear-gradient(180deg, var(--bg-primary), #E8EBF0);}
[data-theme="light"] .footer{background:#0F172A;color:rgba(255, 255, 255, 0.7);}
[data-theme="light"] .footer .footer__heading,
[data-theme="light"] .footer .nav__logo{color:#FFFFFF;}
[data-theme="light"] .footer .footer__link,
[data-theme="light"] .footer .footer__brand-desc{color:rgba(255, 255, 255, 0.6);}
[data-theme="light"] .footer .footer__link:hover{color:#FFFFFF;}
[data-theme="light"] .footer .footer__bottom{border-top-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4);}
[data-theme="light"] .footer .footer__social a{background:rgba(255, 255, 255, 0.08);border-color:rgba(255, 255, 255, 0.12);color:rgba(255, 255, 255, 0.6);}
[data-theme="light"] .footer .contact-social a{background:rgba(255, 255, 255, 0.08);border-color:rgba(255, 255, 255, 0.12);color:rgba(255, 255, 255, 0.6);}
[data-theme="light"] .footer .footer__legal a{color:rgba(255, 255, 255, 0.4);}
[data-theme="light"] .gradient-text{background-image:linear-gradient(135deg, #4F46E5, #7C3AED);}
.theme-toggle{width:38px;height:38px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;color:var(--text-muted);margin-right:0.5rem;flex-shrink:0;}
.theme-toggle:hover{background:var(--glass-bg-hover);color:var(--primary-light);border-color:var(--primary);}
.theme-toggle svg{width:18px;height:18px;transition:transform 0.3s;}
.theme-toggle:hover svg{transform:rotate(30deg);}
.theme-toggle .icon-moon{ display:block; }
.theme-toggle .icon-sun{ display:none; }
[data-theme="light"] .theme-toggle .icon-moon{ display:none; }
[data-theme="light"] .theme-toggle .icon-sun{ display:block; }
*, *::before, *::after{ box-sizing:border-box; margin:0; padding:0; }
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;}
body{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background:var(--bg-deep);color:var(--text-secondary);line-height:1.7;transition:background-color 0.4s ease, color 0.4s ease;overflow-x:hidden;}
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
ul, ol{ list-style:none; }
::selection{background:var(--primary);color:white;}
::-webkit-scrollbar{ width:6px; }
::-webkit-scrollbar-track{ background:var(--bg-deep); }
::-webkit-scrollbar-thumb{ background:var(--primary-dark); border-radius:3px; }
h1, h2, h3, h4, h5, h6{font-family:'Space Grotesk', sans-serif;color:var(--text-primary);line-height:1.15;font-weight:700;}
h1{ font-size:clamp(2.8rem, 6vw, 5rem); letter-spacing:-0.03em; }
h2{ font-size:clamp(2rem, 4vw, 3.2rem); letter-spacing:-0.02em; }
h3{ font-size:clamp(1.4rem, 2.5vw, 1.8rem); letter-spacing:-0.01em; }
h4{ font-size:1.25rem; }
p{ max-width:65ch; }
.gradient-text{background:linear-gradient(135deg, var(--primary-light), var(--primary), var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.micro-label{font-family:'Space Grotesk', sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--primary-light);display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem;}
.micro-label::before{content:'';width:24px;height:1px;background:var(--primary);}
.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.25rem, 4vw, 2.5rem);}
.container--wide{ max-width:1440px; }
section{padding:var(--section-pad) 0;position:relative;}
.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:80px 80px;}
.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;}
.glow-orb--primary{background:var(--primary);opacity:0.08;}
.glow-orb--accent{background:var(--accent);opacity:0.05;}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all var(--duration) var(--ease-out);}
.nav.scrolled{background:rgba(5, 5, 8, 0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:0.6rem 0;}
.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.25rem, 4vw, 2.5rem);}
.nav__logo{font-family:'Space Grotesk', sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em;display:flex;align-items:center;gap:0.4rem;}
.nav__logo-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary-glow-strong);}
.nav__links{display:flex;align-items:center;gap:0.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;padding:0.3rem;backdrop-filter:blur(12px);}
.nav__link{font-size:0.875rem;font-weight:500;color:var(--text-muted);padding:0.5rem 1.1rem;border-radius:100px;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;}
.nav__link:hover, .nav__link.active{color:var(--text-primary);background:rgba(255, 255, 255, 0.08);}
.nav__link.active{ background:rgba(99, 102, 241, 0.15); color:var(--primary-light); }
.nav__cta{margin-left:1rem;}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1001;}
.nav__toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all 0.3s var(--ease-out);}
.nav__toggle.active span:nth-child(1){ transform:rotate(45deg) translate(5px, 5px); }
.nav__toggle.active span:nth-child(2){ opacity:0; }
.nav__toggle.active span:nth-child(3){ transform:rotate(-45deg) translate(5px, -5px); }
.nav__mobile{display:none;position:fixed;inset:0;background:rgba(5, 5, 8, 0.97);backdrop-filter:blur(30px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;}
.nav__mobile.active{ display:flex; }
.nav__mobile a{font-family:'Space Grotesk', sans-serif;font-size:1.8rem;font-weight:600;color:var(--text-secondary);transition:color 0.3s;}
.nav__mobile a:hover{ color:var(--primary-light); }
.btn{display:inline-flex;align-items:center;gap:0.6rem;font-family:'Space Grotesk', sans-serif;font-size:0.9rem;font-weight:600;padding:0.85rem 2rem;border-radius:100px;border:none;cursor:pointer;transition:all var(--duration) var(--ease-out);white-space:nowrap;}
.btn--primary{background:var(--primary);color:white;box-shadow:0 4px 20px rgba(99, 102, 241, 0.35), var(--neo-raised-sm);}
.btn--primary:hover{background:var(--primary-light);box-shadow:0 6px 30px rgba(99, 102, 241, 0.5), var(--neo-hover);transform:translateY(-2px);}
.btn--primary:active{transform:translateY(0);box-shadow:var(--neo-pressed);}
.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);box-shadow:var(--neo-raised-sm);}
.btn--ghost:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary);box-shadow:var(--neo-hover);transform:translateY(-2px);}
.btn--ghost:active{transform:translateY(0);box-shadow:var(--neo-pressed);}
.btn--accent{background:var(--accent);color:white;box-shadow:0 4px 20px var(--accent-glow), var(--neo-raised-sm);}
.btn--accent:hover{background:var(--accent-light);box-shadow:0 6px 30px rgba(249, 115, 22, 0.4);transform:translateY(-2px);}
.btn--sm{ padding:0.6rem 1.4rem; font-size:0.8rem; }
.btn--lg{ padding:1.05rem 2.6rem; font-size:1rem; }
.btn svg, .btn .btn-icon{width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-out);}
.btn:hover svg, .btn:hover .btn-icon{ transform:translateX(3px); }
.neo-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--neo-raised);border:1px solid var(--border-subtle);padding:2rem;transition:all var(--duration) var(--ease-out);}
.neo-card:hover{box-shadow:var(--neo-hover);border-color:var(--border-light);transform:translateY(-4px);}
.neo-card--glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.neo-card--inset{box-shadow:var(--neo-inset);background:var(--bg-surface);}
.neo-card--inset:hover{box-shadow:var(--neo-inset);transform:none;}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 0 6rem;}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 40%, rgba(99, 102, 241, 0.1) 0%, transparent 70%),
radial-gradient(ellipse 40% 40% at 20% 80%, rgba(249, 115, 22, 0.05) 0%, transparent 60%),
linear-gradient(180deg, var(--bg-deep), var(--bg-primary));z-index:0;}
.hero__content{position:relative;z-index:2;max-width:700px;}
.hero__title{ margin-bottom:1.5rem; }
.hero__title .highlight{position:relative;display:inline;}
.hero__subtitle{font-size:clamp(1.05rem, 1.5vw, 1.2rem);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8;font-weight:400;}
.hero__actions{display:flex;gap:1rem;margin-bottom:4rem;flex-wrap:wrap;}
.hero__trust{display:flex;gap:3rem;flex-wrap:wrap;}
.hero__stat{display:flex;flex-direction:column;}
.hero__stat-number{font-family:'Space Grotesk', sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;}
.hero__stat-number .accent-num{ color:var(--primary-light); }
.hero__stat-label{font-size:0.8rem;color:var(--text-muted);margin-top:0.2rem;}
.hero__visual{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:45%;max-width:580px;z-index:1;}
.hero__mockup{width:100%;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--neo-raised), 0 20px 60px rgba(0,0,0,0.4);border:1px solid var(--border-subtle);overflow:hidden;}
.mockup__bar{display:flex;align-items:center;gap:6px;padding:0.8rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);}
.mockup__dot{width:10px;height:10px;border-radius:50%;}
.mockup__dot--red{ background:#FF5F57; }
.mockup__dot--yellow{ background:#FEBC2E; }
.mockup__dot--green{ background:#28C840; }
.mockup__url{flex:1;margin-left:0.6rem;background:var(--bg-deep);border-radius:6px;padding:0.3rem 0.8rem;font-size:0.7rem;color:var(--text-muted);font-family:'Inter', monospace;}
.mockup__body{padding:1.5rem;min-height:320px;display:flex;flex-direction:column;gap:1rem;}
.mockup__line{height:8px;border-radius:4px;background:var(--glass-bg);}
.mockup__line--title{ width:60%; height:16px; background:rgba(99, 102, 241, 0.15); }
.mockup__line--subtitle{ width:80%; }
.mockup__line--short{ width:40%; }
.mockup__blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.8rem;margin-top:0.5rem;}
.mockup__block{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--border-subtle);}
.mockup__block:first-child{ background:rgba(99, 102, 241, 0.1); border-color:rgba(99, 102, 241, 0.2); }
.hero__float{position:absolute;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--neo-raised);padding:0.8rem 1.2rem;font-size:0.8rem;display:flex;align-items:center;gap:0.5rem;animation:float 4s ease-in-out infinite;}
.hero__float--1{ top:15%; left:-10%; animation-delay:0s; }
.hero__float--2{ bottom:20%; right:-8%; animation-delay:1.5s; }
.hero__float-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;}
.hero__float-icon--green{ background:rgba(34, 197, 94, 0.15); color:#22C55E; }
.hero__float-icon--blue{ background:rgba(99, 102, 241, 0.15); color:var(--primary-light); }
@keyframes float{0%, 100%{ transform:translateY(0); }
50%{ transform:translateY(-12px); }}
.section-header{margin-bottom:3.5rem;max-width:600px;}
.section-header--center{text-align:center;margin-left:auto;margin-right:auto;}
.section-header h2{ margin-bottom:1rem; }
.section-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.7;}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:1.5rem;}
.service-card{padding:2.2rem;position:relative;overflow:hidden;}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;transition:opacity var(--duration);}
.service-card:hover::before{ opacity:1; }
.service-card__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.5rem;box-shadow:var(--neo-raised-sm);}
.service-card__title{font-size:1.2rem;margin-bottom:0.75rem;}
.service-card__desc{font-size:0.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.25rem;}
.service-card__list{display:flex;flex-wrap:wrap;gap:0.4rem;}
.service-card__tag{font-size:0.72rem;padding:0.3rem 0.7rem;border-radius:100px;background:var(--glass-bg);border:1px solid var(--border-subtle);color:var(--text-muted);font-weight:500;}
.portfolio-grid{display:grid;gap:2rem;}
.portfolio-item{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;}
.portfolio-item:nth-child(even){direction:rtl;}
.portfolio-item:nth-child(even) > *{direction:ltr;}
.portfolio-item__visual{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--neo-raised);border:1px solid var(--border-subtle);aspect-ratio:16/10;position:relative;}
.portfolio-item__preview{width:100%;height:100%;background:linear-gradient(135deg, var(--bg-surface), var(--bg-card));display:flex;align-items:flex-start;justify-content:center;overflow:hidden;}
.portfolio-item__preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.6s ease;}
.portfolio-item:hover .portfolio-item__preview img{transform:scale(1.03);}
.portfolio-item__preview-inner{width:85%;height:80%;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:1rem;gap:0.5rem;}
.portfolio-item__preview-bar{height:6px;border-radius:3px;background:rgba(99, 102, 241, 0.2);}
.portfolio-item__preview-bar:nth-child(2){ width:70%; background:var(--glass-bg); }
.portfolio-item__preview-bar:nth-child(3){ width:50%; background:var(--glass-bg); }
.portfolio-item__preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;flex:1;margin-top:0.5rem;}
.portfolio-item__preview-box{border-radius:6px;background:var(--glass-bg);border:1px solid var(--border-subtle);}
.portfolio-item__info{padding:1rem 0;}
.portfolio-item__category{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:var(--primary-light);margin-bottom:0.75rem;}
.portfolio-item__title{font-size:1.6rem;margin-bottom:1rem;}
.portfolio-item__desc{color:var(--text-muted);font-size:0.95rem;margin-bottom:1.5rem;line-height:1.7;}
.portfolio-item__results{display:flex;gap:2rem;margin-bottom:1.5rem;}
.portfolio-item__result{display:flex;flex-direction:column;}
.portfolio-item__result-num{font-family:'Space Grotesk', sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary-light);}
.portfolio-item__result-label{font-size:0.75rem;color:var(--text-muted);}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;position:relative;}
.process-card{text-align:center;padding:2rem 1.5rem;position:relative;}
.process-card__number{font-family:'Space Grotesk', sans-serif;font-size:3rem;font-weight:700;color:var(--primary-glow-strong);margin-bottom:0.5rem;line-height:1;opacity:0.3;}
.process-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 1rem;box-shadow:var(--neo-raised-sm);}
.process-card__title{font-size:1.05rem;margin-bottom:0.5rem;}
.process-card__desc{font-size:0.82rem;color:var(--text-muted);line-height:1.6;}
.process-card__time{font-size:0.7rem;color:var(--primary-light);margin-top:0.75rem;font-weight:600;}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1.5rem;}
.testimonial-card{padding:2.2rem;}
.testimonial-card__stars{display:flex;gap:0.2rem;margin-bottom:1.2rem;color:#FBBF24;font-size:0.9rem;}
.testimonial-card__text{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-style:italic;}
.testimonial-card__author{display:flex;align-items:center;gap:0.8rem;}
.testimonial-card__avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk', sans-serif;font-weight:700;color:var(--primary-light);font-size:1rem;box-shadow:var(--neo-raised-sm);}
.testimonial-card__name{font-weight:600;color:var(--text-primary);font-size:0.9rem;}
.testimonial-card__role{font-size:0.78rem;color:var(--text-muted);}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;}
.pricing-card{padding:2.5rem 2rem;position:relative;}
.pricing-card--featured{border-color:var(--primary);background:linear-gradient(135deg, var(--bg-card), rgba(99, 102, 241, 0.06));}
.pricing-card--featured::before{content:'MË POPULLORJA';position:absolute;top:-0.6rem;left:50%;transform:translateX(-50%);font-size:0.68rem;font-weight:700;letter-spacing:0.1em;padding:0.3rem 1rem;background:var(--primary);color:white;border-radius:100px;}
.pricing-card__name{font-family:'Space Grotesk', sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:0.6rem;}
.pricing-card__desc{font-size:0.85rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6;}
.pricing-card__price{font-family:'Space Grotesk', sans-serif;margin-bottom:1.5rem;}
.pricing-card__price-from{font-size:0.78rem;color:var(--text-muted);display:block;}
.pricing-card__price-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;}
.pricing-card__price-amount span{ font-size:1rem; font-weight:400; color:var(--text-muted); }
.pricing-card__features{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:2rem;}
.pricing-card__feature{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.88rem;color:var(--text-secondary);}
.pricing-card__feature-check{color:var(--primary-light);font-size:0.85rem;margin-top:0.15rem;flex-shrink:0;}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;}
.team-card{text-align:center;padding:2.5rem 2rem;}
.team-card__avatar{width:90px;height:90px;border-radius:50%;margin:0 auto 1.2rem;background:linear-gradient(135deg, var(--primary-glow), rgba(249, 115, 22, 0.1));display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk', sans-serif;font-size:1.8rem;font-weight:700;color:var(--primary-light);box-shadow:var(--neo-raised);border:2px solid var(--border-subtle);}
.team-card__name{font-size:1.1rem;margin-bottom:0.3rem;}
.team-card__role{font-size:0.82rem;color:var(--primary-light);font-weight:500;margin-bottom:0.8rem;}
.team-card__bio{font-size:0.85rem;color:var(--text-muted);line-height:1.6;}
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0.75rem;}
.faq-item{border-radius:var(--radius-md);overflow:hidden;}
.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-family:'Space Grotesk', sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left;transition:all var(--duration-fast);box-shadow:var(--neo-raised-sm);}
.faq-item__question:hover{background:var(--bg-elevated);border-color:var(--border-light);}
.faq-item__icon{font-size:1.2rem;color:var(--primary-light);transition:transform 0.3s var(--ease-out);flex-shrink:0;}
.faq-item.active .faq-item__icon{ transform:rotate(45deg); }
.faq-item__answer{max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease-out), padding 0.3s;padding:0 1.5rem;font-size:0.92rem;color:var(--text-muted);line-height:1.8;}
.faq-item.active .faq-item__answer{max-height:500px;padding:1rem 1.5rem 1.5rem;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:1.5rem;}
.blog-card__image{height:200px;background:linear-gradient(135deg, var(--bg-surface), var(--bg-card));border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border-subtle);position:relative;}
.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.blog-card:hover .blog-card__image img{transform:scale(1.05);}
.blog-card__image-placeholder{font-size:2.5rem;opacity:0.3;}
.blog-card__body{padding:1.5rem 2rem 2rem;}
.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:0.8rem;}
.blog-card__category{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--primary-light);padding:0.2rem 0.6rem;background:var(--primary-glow);border-radius:100px;}
.blog-card__date{font-size:0.78rem;color:var(--text-muted);}
.blog-card__title{font-size:1.15rem;margin-bottom:0.6rem;line-height:1.4;}
.blog-card__excerpt{font-size:0.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.2rem;}
.blog-card__link{font-size:0.85rem;font-weight:600;color:var(--primary-light);display:inline-flex;align-items:center;gap:0.4rem;transition:gap 0.3s;}
.blog-card__link:hover{ gap:0.7rem; }
.blog-card{ padding:0; }
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
.contact-info{ padding-top:1rem; }
.contact-info__item{display:flex;gap:1rem;margin-bottom:2rem;}
.contact-info__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:var(--neo-raised-sm);}
.contact-info__label{font-size:0.78rem;color:var(--text-muted);margin-bottom:0.2rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;}
.contact-info__value{font-size:1rem;color:var(--text-primary);font-weight:500;}
.contact-form{display:flex;flex-direction:column;gap:1rem;}
.form-group{display:flex;flex-direction:column;gap:0.4rem;}
.form-group label{font-size:0.82rem;font-weight:600;color:var(--text-secondary);}
.form-group input,
.form-group textarea,
.form-group select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.9rem 1.2rem;font-family:'Inter', sans-serif;font-size:0.92rem;color:var(--text-primary);transition:all var(--duration-fast);box-shadow:var(--neo-inset);outline:none;}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{border-color:var(--primary);box-shadow:var(--neo-inset), 0 0 0 3px var(--primary-glow);}
.form-group textarea{resize:vertical;min-height:130px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.footer{border-top:1px solid var(--border-subtle);padding:4rem 0 2rem;background:var(--bg-deep);}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
.footer__brand-desc{font-size:0.88rem;color:var(--text-muted);margin-top:1rem;line-height:1.7;max-width:300px;}
.footer__heading{font-family:'Space Grotesk', sans-serif;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-secondary);margin-bottom:1.2rem;}
.footer__links{display:flex;flex-direction:column;gap:0.6rem;}
.footer__link{font-size:0.88rem;color:var(--text-muted);transition:color 0.2s;}
.footer__link:hover{ color:var(--primary-light); }
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-subtle);font-size:0.8rem;color:var(--text-muted);}
.footer__social{display:flex;gap:0.75rem;}
.footer__social a{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--text-muted);transition:all 0.3s;box-shadow:var(--neo-raised-sm);}
.footer__social a:hover{background:var(--primary-glow);color:var(--primary-light);border-color:var(--primary);}
.cta-section{text-align:center;background:linear-gradient(180deg, var(--bg-primary), var(--bg-deep));position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle, var(--primary-glow), transparent 70%);pointer-events:none;}
.cta-section h2{ margin-bottom:1.2rem; }
.cta-section p{margin:0 auto 2.5rem;max-width:500px;color:var(--text-muted);font-size:1.05rem;}
.cta-section .btn{ position:relative; z-index:1; }
.page-header{padding:10rem 0 4rem;text-align:center;position:relative;background:radial-gradient(ellipse 50% 50% at 50% 30%, var(--primary-glow), transparent),
linear-gradient(180deg, var(--bg-deep), var(--bg-primary));}
.page-header h1{ margin-bottom:1rem; }
.page-header p{margin:0 auto;color:var(--text-muted);font-size:1.1rem;max-width:550px;}
.stats-bar{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;}
.stat-card{text-align:center;padding:2rem 1.5rem;}
.stat-card__number{font-family:'Space Grotesk', sans-serif;font-size:2.5rem;font-weight:700;color:var(--primary-light);line-height:1.2;margin-bottom:0.3rem;}
.stat-card__label{font-size:0.85rem;color:var(--text-muted);}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.story-visual{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--neo-raised);border:1px solid var(--border-subtle);aspect-ratio:1;}
.story-visual img{width:100%;height:100%;object-fit:cover;}
.story-visual__inner{width:60%;height:60%;border-radius:50%;background:radial-gradient(circle, var(--primary-glow-strong), transparent);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk', sans-serif;font-size:4rem;font-weight:700;color:var(--primary-light);box-shadow:var(--neo-raised);}
.story-content h2{ margin-bottom:1.5rem; }
.story-content p{color:var(--text-muted);margin-bottom:1.2rem;line-height:1.8;}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;}
.value-card{text-align:center;padding:2.5rem 2rem;}
.value-card__icon{font-size:2rem;margin-bottom:1rem;}
.value-card__title{font-size:1.1rem;margin-bottom:0.5rem;}
.value-card__desc{font-size:0.85rem;color:var(--text-muted);line-height:1.7;}
.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:3rem 0;border-bottom:1px solid var(--border-subtle);}
.service-detail:last-child{ border-bottom:none; }
.service-detail:nth-child(even){ direction:rtl; }
.service-detail:nth-child(even) > *{ direction:ltr; }
.service-detail__visual{aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--neo-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:3rem;}
.service-detail__content h3{font-size:1.6rem;margin-bottom:1rem;}
.service-detail__content p{color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem;}
.service-detail__features{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem;}
.service-detail__feature{display:flex;align-items:center;gap:0.6rem;font-size:0.9rem;color:var(--text-secondary);}
.service-detail__feature::before{content:'✓';color:var(--primary-light);font-weight:700;flex-shrink:0;}
.service-detail__price{font-family:'Space Grotesk', sans-serif;font-size:0.88rem;color:var(--primary-light);font-weight:600;}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s var(--ease-out), transform 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; }
@media (prefers-reduced-motion:reduce){.reveal{ opacity:1; transform:none; transition:none; }
.hero__float{ animation:none; }}
@media (max-width:1024px){.hero__visual{ display:none; }
.hero__content{ max-width:100%; }
.portfolio-item{ grid-template-columns:1fr; }
.portfolio-item:nth-child(even){ direction:ltr; }
.contact-grid{ grid-template-columns:1fr; }
.story-grid{ grid-template-columns:1fr; gap:2rem; }
.story-visual{ max-height:400px; }
.service-detail{ grid-template-columns:1fr; gap:2rem; }
.service-detail:nth-child(even){ direction:ltr; }
.footer__grid{ grid-template-columns:1fr 1fr; }}
@media (max-width:768px){.nav__links{ display:none; }
.nav__cta{ display:none; }
.nav__toggle{ display:flex; }
.hero{ padding:7rem 0 4rem; min-height:auto; }
h1{ font-size:2.4rem; }
h2{ font-size:1.8rem; }
.hero__trust{ gap:2rem; }
.hero__actions{ flex-direction:column; }
.hero__actions .btn{ text-align:center; justify-content:center; }
.stats-bar{ grid-template-columns:1fr 1fr; }
.services-grid{ grid-template-columns:1fr; }
.testimonials-grid{ grid-template-columns:1fr; }
.pricing-grid{ grid-template-columns:1fr; }
.blog-grid{ grid-template-columns:1fr; }
.process-grid{ grid-template-columns:1fr 1fr; }
.form-row{ grid-template-columns:1fr; }
.footer__grid{ grid-template-columns:1fr; gap:2rem; }
.footer__bottom{ flex-direction:column; gap:1rem; text-align:center; }
section{ padding:clamp(3rem, 6vw, 5rem) 0; }}
@media (max-width:480px){.process-grid{ grid-template-columns:1fr; }
.stats-bar{ grid-template-columns:1fr; }
.team-grid{ grid-template-columns:1fr; }
.values-grid{ grid-template-columns:1fr; }}
.status-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.85rem;border-radius:50px;font-size:0.78rem;font-weight:600;font-family:'Space Grotesk', sans-serif;letter-spacing:0.02em;margin-top:0.25rem;}
.status-badge--open{background:rgba(34,197,94,0.1);color:#22c55e;border:1px solid rgba(34,197,94,0.2);}
.status-badge--closed{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2);}
.status-dot{width:8px;height:8px;border-radius:50%;position:relative;}
.status-badge--open .status-dot{background:#22c55e;}
.status-badge--closed .status-dot{background:#ef4444;}
.status-dot::before{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid currentColor;opacity:0;}
.status-badge--open .status-dot::before{animation:statusPulse 2s ease-in-out infinite;border-color:#22c55e;}
@keyframes statusPulse{0%, 100%{ opacity:0; transform:scale(0.8); }
50%{ opacity:0.5; transform:scale(1.3); }}
.hours-table{width:100%;margin-top:0.75rem;}
.hours-table__row{display:flex;justify-content:space-between;padding:0.4rem 0;font-size:0.82rem;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);}
.hours-table__row:last-child{border-bottom:none;}
.hours-table__row--active{color:var(--text-primary);font-weight:600;}
.hours-table__day{ flex:1; }
.hours-table__time{ text-align:right; }
.footer__social a svg{width:18px;height:18px;fill:currentColor;transition:fill 0.3s;}
.footer__social a:hover svg{fill:var(--primary-light);}
.contact-social{display:flex;gap:0.75rem;margin-top:1.5rem;}
.contact-social a{width:44px;height:44px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.3s;box-shadow:var(--neo-raised-sm);}
.contact-social a svg{width:20px;height:20px;fill:currentColor;}
.contact-social a:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow);transform:translateY(-2px);}
.legal-content{max-width:800px;margin:0 auto;}
.legal-content h2{font-size:clamp(1.2rem, 2vw, 1.4rem);margin-top:2.5rem;margin-bottom:0.75rem;color:var(--text-primary);font-family:'Space Grotesk', sans-serif;}
.legal-content h2:first-child{margin-top:0;}
.legal-content p,
.legal-content li{color:var(--text-secondary);line-height:1.8;font-size:0.92rem;}
.legal-content ul{list-style:none;padding:0;margin:0.75rem 0;}
.legal-content li{padding:0.25rem 0 0.25rem 1.5rem;position:relative;}
.legal-content li::before{content:'·';position:absolute;left:0.5rem;color:var(--primary);font-weight:700;font-size:1.2em;}
.legal-content strong{color:var(--text-primary);font-weight:600;}
.legal-meta{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);font-size:0.82rem;color:var(--text-muted);}
.legal-meta span{display:flex;align-items:center;gap:0.4rem;}
.legal-nav{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:2rem;}
.legal-nav a{padding:0.4rem 0.85rem;border-radius:6px;font-size:0.78rem;background:var(--glass-bg);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all 0.3s;text-decoration:none;}
.legal-nav a:hover{border-color:var(--primary);color:var(--primary-light);}
.footer__legal{display:flex;gap:1.5rem;margin-top:0.5rem;}
.footer__legal a{font-size:0.75rem;color:var(--text-muted);text-decoration:none;transition:color 0.3s;}
.footer__legal a:hover{color:var(--primary-light);}
.whatsapp-float{position:fixed;bottom:2rem;right:2rem;z-index:900;display:flex;align-items:center;gap:0.75rem;text-decoration:none;}
.whatsapp-float__btn{width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:all 0.3s;position:relative;}
.whatsapp-float__btn svg{width:28px;height:28px;fill:#fff;}
.whatsapp-float:hover .whatsapp-float__btn{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.55);}
.whatsapp-float__pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;animation:waPulse 2.5s ease-in-out infinite;}
@keyframes waPulse{0%, 100%{ opacity:0; transform:scale(0.9); }
50%{ opacity:0.5; transform:scale(1.15); }}
.whatsapp-float__label{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:0.5rem 0.85rem;font-size:0.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;box-shadow:var(--neo-raised-sm);opacity:0;transform:translateX(10px);transition:all 0.3s;pointer-events:none;}
.whatsapp-float:hover .whatsapp-float__label{opacity:1;transform:translateX(0);}
@media (max-width:768px){.whatsapp-float{ bottom:1.25rem; right:1.25rem; }
.whatsapp-float__btn{ width:50px; height:50px; }
.whatsapp-float__btn svg{ width:24px; height:24px; }
.whatsapp-float__label{ display:none; }}
.footer{--footer-text:rgba(255,255,255,0.75);--footer-muted:rgba(255,255,255,0.55);}
.footer .footer__brand-desc{color:var(--footer-text);}
.footer .footer__link{color:var(--footer-text);}
.footer .footer__bottom span{color:var(--footer-muted);}
.footer .footer__legal a{color:var(--footer-muted);}
.footer .footer__legal a:hover{color:#FFFFFF;}
.footer .footer__social a{color:var(--footer-text);}
[data-theme="light"] .footer .footer__brand-desc{color:rgba(255,255,255,0.75);}
[data-theme="light"] .footer .footer__link{color:rgba(255,255,255,0.7);}
[data-theme="light"] .footer .footer__bottom span{color:rgba(255,255,255,0.55);}
[data-theme="light"] .footer .footer__legal a{color:rgba(255,255,255,0.55);}

.btn--primary{background:#4F46E5!important;color:#FFFFFF!important;}
.btn--primary:hover{background:#4338CA!important;}

.hero__float{color:var(--text-primary);}
.mockup__body{background:var(--bg-surface);}
.mockup__url{color:var(--text-secondary);}