:root{--primary-orange:#F59E0B;--accent-pink:#EC4899;--primary-purple:#8B5CF6;--dark-gray:#2D2D2D;--light-gray:#F8F9FA}body{font-family:'Inter',sans-serif;line-height:1.6;scroll-behavior:smooth}.font-display{font-family:'Playfair Display',serif}.gradient-text-orange{background:linear-gradient(135deg,var(--primary-orange),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-bg{background:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%);position:relative;overflow:hidden}.hero-bg.purple{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#6366f1 100%)}.hero-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="30" cy="30" r="0.3" fill="%23ffffff" opacity="0.05"/><circle cx="70" cy="20" r="0.4" fill="%23ffffff" opacity="0.08"/><circle cx="90" cy="80" r="0.2" fill="%23ffffff" opacity="0.06"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.feature-card{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease}.feature-card:hover{background:rgb(255 255 255 / .1);transform:translateY(-5px)}.contact-btn{transition:all 0.3s ease;position:relative;overflow:hidden}.contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.contact-btn:hover::before{left:100%}.benefit-card{background:#fff;transition:all 0.3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}.testimonial-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-left:4px solid var(--primary-orange)}.pricing-card{background:#fff;transition:all 0.3s ease;border:2px solid #fff0}.pricing-card:hover{border-color:var(--primary-orange);transform:scale(1.02)}.pricing-card.featured{border-color:var(--accent-pink);background:linear-gradient(135deg,#fef2f2 0%,#fdf2f8 100%);transform:scale(1.05)}.step-number{background:linear-gradient(135deg,var(--primary-orange),var(--accent-pink));color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.service-card{background:#fff;transition:all 0.3s ease;border:2px solid #fff0}.service-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}.service-card.featured{border-color:var(--primary-orange);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);transform:scale(1.02)}.service-card.featured.purple{border-color:var(--primary-purple);background:linear-gradient(135deg,#f3e8ff 0%,#faf5ff 100%)}.benefit-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:16px}.portfolio-card{position:relative;overflow:hidden;background:#fff;border-radius:16px;transition:all 0.3s ease;cursor:pointer}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px rgb(0 0 0 / .3)}.portfolio-card .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(139 92 246 / .9),rgb(236 72 153 / .9));opacity:0;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.portfolio-card:hover .overlay{opacity:1}.brand-colors{display:flex;gap:8px;margin-top:1rem}.brand-colors .color-dot{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.portfolio-filter{transition:all 0.3s ease}.portfolio-filter.active{background:linear-gradient(to right,var(--primary-orange),var(--accent-pink));color:#fff}.portfolio-filter:hover{background:linear-gradient(to right,var(--primary-orange),var(--accent-pink));color:#fff}.process-step{background:#fff;transition:all 0.3s ease}.process-step.purple{position:relative}.process-step.purple::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-purple),var(--accent-pink));border-radius:18px;z-index:-1;opacity:0;transition:opacity 0.3s ease}.process-step.purple:hover::before{opacity:1}.process-step.purple:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}.step-number.purple{background:linear-gradient(135deg,var(--primary-purple),var(--accent-pink))}.stats-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);transition:all 0.3s ease}.stats-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1)}.creative-bg{background:linear-gradient(135deg,#fdf2f8 0%,#f3e8ff 50%,#fef3c7 100%)}.pricing-badge{background:linear-gradient(135deg,var(--primary-orange),var(--accent-pink));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;position:absolute;top:-10px;right:20px}.pricing-badge.purple{background:linear-gradient(135deg,var(--primary-purple),var(--accent-pink))}.pricing-badge.orange{background:linear-gradient(135deg,var(--primary-orange),var(--accent-pink))}@media (max-width:768px){.floating-element{display:none}.hero-bg{min-height:80vh}.service-card.featured{transform:none}.pricing-card.featured{transform:none}}body.loaded .floating-element{animation-play-state:running}@media print{.floating-element,.hero-bg::before{display:none!important}.hero-bg{background:#f8f9fa!important;color:#333!important}.gradient-text-orange{background:none!important;color:#333!important;-webkit-text-fill-color:initial!important}}