:root{--bg: #ffffff;--text: #1f2937;--muted: #5b6674;--card: #ffffff;--border: #e5e7eb;--accent: #17a2b8;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--accent);text-decoration:inherit}a:hover{opacity:.9}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}h1{font-size:2.5rem;line-height:1.2;margin:0}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:3px auto -webkit-focus-ring-color}.section-subtitle,.section-lead,p{color:var(--muted)}.feature-card,.project-card,.platform-card,.offer-card,.client-card,.approach-item,.service-card,.process-card,.philosophy-section,.stat-card{background:var(--card);border-color:var(--border)}#root{max-width:none;margin:0;padding:0;text-align:initial}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:var(--card);box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:1000;position:relative}.logo{font-size:1.4rem;font-weight:800;color:var(--accent);text-decoration:none}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--muted);font-weight:600;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card);border-radius:10px;cursor:pointer}.hamburger .bar{width:20px;height:2px;background:var(--muted);display:block;margin:3px 0}@media(max-width:768px){.hamburger{display:inline-flex}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--card);border-top:1px solid var(--border);box-shadow:0 4px 12px #0000000a;flex-direction:column;gap:0;display:none}.nav-links li a{display:block;padding:14px 5%}.nav.open .nav-links{display:flex}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.hero{display:flex;justify-content:space-between;align-items:center;padding:5rem 8%;background:linear-gradient(135deg,#e6f7f9,#f5e6f0);min-height:70vh}.hero-content{flex:1;max-width:600px}.hero h1{font-size:3rem;margin-bottom:1rem}.highlight{color:#17a2b8}.gray{color:#888}.hero h2{font-size:1.1rem;color:#6b7280;font-weight:400;margin-bottom:2rem}.hero p{font-size:1rem;color:#555;margin-bottom:2rem;line-height:1.8}.hero-buttons{display:flex;gap:1rem}.btn{padding:.8rem 1.6rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#17a2b8;color:#fff}.btn-primary:hover{background:#138496;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#555;border:2px solid #e5e5e5}.btn-secondary:hover{border-color:#17a2b8;color:#17a2b8}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.profile-circle{width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px;box-shadow:0 20px 60px #00000026}.profile-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:8px solid white}.what-i-do{padding:5rem 8%;background:#fff}.section-title{text-align:center;font-size:3rem;margin-bottom:1rem}.section-subtitle{text-align:center;color:#6b7280;font-size:1.2rem;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#fff;padding:2.5rem;border-radius:15px;border:1px solid #e5e5e5;transition:all .3s}.service-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.service-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem}.icon-blue{background:#17a2b8;color:#fff}.icon-orange{background:#e67e50;color:#fff}.icon-purple{background:#a855f7;color:#fff}.icon-green{background:#10b981;color:#fff}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.service-card p{color:#6b7280;line-height:1.7}.social-section{padding:5rem 8%;background:#f9fafb}.social-platforms{display:flex;gap:1.5rem;margin-bottom:3rem;justify-content:center}.platform-btn{padding:1rem 3rem;border-radius:15px;text-decoration:none;color:#fff;font-weight:600;display:flex;align-items:center;gap:.8rem;font-size:1.1rem;transition:transform .3s}.platform-btn:hover{transform:translateY(-3px)}.youtube{background:linear-gradient(135deg,#f44,#c00)}.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;padding:1rem 0}.feed-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #00000014;max-width:360px;margin:0 auto}.feed-image{width:100%;height:180px;overflow:hidden;background:#ddd;display:flex;align-items:center;justify-content:center}.feed-image iframe,.feed-image img{width:100%;height:100%;border:none;object-fit:cover}.feed-content{padding:1rem 1.2rem}.feed-title{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:#1f2937}.feed-stats{display:flex;align-items:center;gap:1rem;color:#6b7280;margin-top:.5rem}.feed-stats span{display:flex;align-items:center;gap:.25rem;font-size:.9rem}.watch-btn{display:inline-block;margin-top:.8rem;font-size:.9rem;font-weight:500;color:#2563eb;text-decoration:none;transition:.2s}.watch-btn:hover{color:#1d4ed8;text-decoration:underline}.artist-section{padding:5rem 8%;background:linear-gradient(135deg,#fef5f0,#f0f4fe)}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.music-card{background:#fff;padding:15px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 10px #0000001a}.play-btn{width:45px;height:45px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.music-info h4{font-size:1.3rem;margin-bottom:.3rem}.music-info p{color:#6b7280}.music-time{margin-left:auto;color:#6b7280;font-weight:600}.artist-buttons{display:flex;gap:1rem;justify-content:center}.seek-bar{width:100%}.about-section{padding:5rem 8%;background:#fff}.about-content{display:flex;gap:4rem;align-items:center;margin-top:3rem}.about-image{flex:1;max-width:400px}.about-image img{width:100%;border-radius:20px;box-shadow:0 10px 40px #0000001a}.about-text{flex:1}.about-item{display:flex;gap:1.5rem;margin-bottom:2.5rem}.about-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.icon-cyan{background:#cff4fc;color:#17a2b8}.icon-blue-light{background:#dbeafe;color:#3b82f6}.icon-orange-light{background:#fed7aa;color:#ea580c}.icon-green-light{background:#d1fae5;color:#10b981}.about-item h4{font-size:1.2rem;margin-bottom:.5rem}.about-item p{color:#6b7280;line-height:1.7}.testimonials-section{padding:5rem 8%;background:#f9fafb}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 5px 15px #00000014}.stars{color:#fbbf24;font-size:1.2rem;margin-bottom:1rem}.quote-icon{color:#e5e7eb;font-size:2rem;margin-bottom:.5rem}.testimonial-card p{color:#4b5563;line-height:1.8;margin-bottom:1.5rem}.testimonial-author{margin-top:1.5rem}.testimonial-author h4{font-size:1.1rem;margin-bottom:.2rem}.testimonial-author p{color:#9ca3af;font-size:.95rem}.contact-section{padding:5rem 8%;background:#fff}.contact-container{display:flex;gap:3rem;margin-top:3rem}.contact-form{flex:1;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 5px 20px #00000014}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1f2937}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#17a2b8}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:1rem;background:#17a2b8;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.submit-btn:hover{background:#138496}.contact-links{flex:0 0 350px;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 5px 20px #00000014}.contact-links h3{font-size:1.8rem;margin-bottom:2rem}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:#1f2937;transition:color .3s}.contact-link:hover{color:#17a2b8}.contact-link i{font-size:1.5rem;width:30px}@media(max-width:768px){.hero{flex-direction:column-reverse;text-align:center;padding:3rem 5%}.hero h1{font-size:2.5rem}.hero-buttons{justify-content:center}.profile-circle{width:300px;height:300px;margin-bottom:2rem}.nav-links{gap:1rem;font-size:.9rem}.about-content,.contact-container{flex-direction:column}.form-row{grid-template-columns:1fr}.social-platforms{flex-direction:column}}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.hero h1{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:16px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 2px 12px #0000000a;border:1px solid #f0f0f0}.feature-icon{width:56px;height:56px;background:#e0f2fe;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;color:#0ea5e9}.feature-title{font-size:1.2rem;font-weight:800;color:#1a1a1a;margin-bottom:8px}.feature-description{font-size:.95rem;color:#7589a3}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.project-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid #f0f0f0}.project-image img{width:100%;height:200px;object-fit:cover;display:block}.project-content{padding:20px 24px}.project-content h3{font-size:1.25rem;font-weight:800;margin-bottom:8px;color:#1a1a1a}.project-content p{color:#7589a3;margin-bottom:12px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tags span{background:#eef2ff;color:#4338ca;padding:6px 10px;border-radius:999px;font-size:.85rem}.actions{display:flex;gap:10px}.actions .btn{padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;text-decoration:none;color:#374151;font-weight:700}.actions .btn:hover{border-color:#0ea5e9;color:#0ea5e9}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:8px}.platform-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:22px;box-shadow:0 2px 12px #0000000a}.platform-icon{width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:12px}.platform-title{font-weight:800;color:#1a1a1a;margin-bottom:6px}.platform-description{color:#7589a3;margin-bottom:10px}.platform-tags{display:flex;gap:8px;flex-wrap:wrap}.platform-tags span{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7;padding:5px 8px;border-radius:999px;font-size:.8rem}@media(max-width:768px){.container{padding:32px 20px}.hero{padding:48px 20px}.hero h1{font-size:2.2rem}.features-grid,.projects-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:12px 0 24px}.stat-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:22px;text-align:center;box-shadow:0 2px 12px #0000000a}.stat-number{font-size:2rem;font-weight:800;color:#0ea5e9}.stat-label{margin-top:6px;color:#7589a3;font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:12px}.service-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a}.service-icon{width:54px;height:54px;border-radius:14px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.service-title{font-weight:800;color:#1a1a1a;margin-bottom:8px}.service-description{color:#7589a3;margin-bottom:10px}.service-tags{display:flex;gap:8px;flex-wrap:wrap}.service-tags span{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7;padding:6px 10px;border-radius:999px;font-size:.85rem}.philosophy-section{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a;color:#475569}.philosophy-section p{margin:0 0 10px}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.process-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 2px 12px #0000000a}.process-number{width:46px;height:46px;border-radius:12px;background:#eaf2ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:800}.process-title{font-weight:800;color:#1a1a1a;margin-bottom:6px}.process-description{color:#7589a3}.hero{text-align:center;padding:80px 40px;background:linear-gradient(180deg,#e8f1f5,#f8fafb);margin-bottom:24px}.section-title{font-size:2rem;font-weight:800;text-align:center;margin:24px 0;color:#1a1a1a}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:12px}.expertise-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a}.expertise-icon{width:54px;height:54px;border-radius:14px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#2563eb}.expertise-card h3{font-weight:800;color:#1a1a1a;margin-bottom:8px}.expertise-card p{color:#7589a3;margin-bottom:10px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7;padding:6px 10px;border-radius:999px;font-size:.85rem}.journey{max-width:1000px;margin:0 auto}.journey p{color:#475569;margin-bottom:10px}*{box-sizing:border-box}.container{max-width:1400px;margin:0 auto;padding:24px 40px}.hero{text-align:center;padding:80px 40px;background:linear-gradient(180deg,#e8f1f5,#f8fafb);margin-bottom:40px}.hero h1{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:12px}.hero p{font-size:1rem;color:#7589a3;max-width:900px;margin:0 auto;line-height:1.7}.section-title{font-size:2rem;font-weight:800;text-align:center;margin:32px 0;color:#1a1a1a}.section-subtitle.center{text-align:center;color:#7589a3;margin-bottom:16px}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:28px}.offer-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a}.offer-icon{width:54px;height:54px;border-radius:14px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.offer-icon img{width:28px;height:28px}.offer-card h3{font-weight:800;color:#1a1a1a;margin:4px 0 8px}.offer-card p{color:#7589a3;margin-bottom:12px}.offer-tags{display:flex;gap:8px;flex-wrap:wrap}.offer-tags span{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7;padding:6px 10px;border-radius:999px;font-size:.85rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:24px}.expertise-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #eef2f7;position:relative;overflow:hidden}.expertise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px}.expertise-title{font-weight:800;color:#1a1a1a}.expertise-metric{color:#0891b2;font-weight:800;margin-top:6px}.gradient-instagram:before{background:linear-gradient(90deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.gradient-twitter:before{background:linear-gradient(90deg,#1da1f2,#0d8bd9)}.gradient-linkedin:before{background:linear-gradient(90deg,#3b82f6,#0ea5e9)}.gradient-tiktok:before{background:linear-gradient(90deg,#111827,#64748b)}.gradient-youtube:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.gradient-facebook:before{background:linear-gradient(90deg,#2563eb,#1e40af)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.client-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.client-header{height:8px;position:relative}.client-header i{position:absolute;top:14px;left:16px;font-size:20px;color:#374151}.client-body{padding:22px}.client-name{font-weight:800;color:#1a1a1a}.client-handle{color:#6b7280;font-size:.95rem;margin-top:4px}.client-tag{display:inline-block;margin-top:10px;background:#f5f7ff;color:#475569;border:1px solid #e5e7eb;padding:6px 10px;border-radius:999px;font-size:.8rem}.client-actions{margin-top:14px}.btn{padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;text-decoration:none;color:#374151;font-weight:700}.btn:hover{border-color:#0ea5e9;color:#0ea5e9}.btn-light{background:#fff}.approach-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:12px}.approach-item{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 2px 12px #0000000a}.approach-icon{width:54px;height:54px;border-radius:14px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approach-icon img{width:28px;height:28px}.approach-content h3{margin:0 0 6px;font-weight:800;color:#1a1a1a}.approach-content p{color:#7589a3}@media(max-width:768px){.container{padding:32px 20px}.hero{padding:48px 20px}.hero h1{font-size:2.2rem}.section-title{font-size:1.6rem}}