*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-yellow:#ffe500;--color-magenta:#e6007e;--color-cyan:#00b8e6;--color-white:#fff;--color-off-white:#f8f8f8;--color-light:#f5f5f5;--color-light-2:#e8e8e8;--color-light-3:#d0d0d0;--color-gray:#666;--color-dark-gray:#444;--color-black:#1a1a1a;--color-dark:#0a0a0a;--color-accent:var(--color-magenta);--color-accent-hover:#ff0090;--color-accent-dark:#c00070;--font-display:"Bebas Neue", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--section-padding:100px 0;--container-width:1200px;--container-padding:0 24px;--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.5s ease}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-white);color:var(--color-black);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-body);border:none;outline:none}::selection{background-color:var(--color-accent);color:var(--color-white)}.container{max-width:var(--container-width);padding:var(--container-padding);margin:0 auto}.navbar{z-index:1000;width:100%;transition:all var(--transition-medium);background-color:var(--color-dark);padding:20px 0;position:fixed;top:0;left:0}.navbar:after{content:"";background:linear-gradient(to right, var(--color-yellow) 0%, var(--color-yellow) 33.33%, var(--color-magenta) 33.33%, var(--color-magenta) 66.66%, var(--color-cyan) 66.66%, var(--color-cyan) 100%);width:100%;height:4px;position:absolute;bottom:0;left:0}.navbar--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0afa;padding:15px 0;box-shadow:0 2px 20px #0000004d}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{font-family:var(--font-display);letter-spacing:2px;transition:opacity var(--transition-fast);align-items:center;gap:8px;font-size:28px;font-weight:400;display:flex}.navbar__logo:hover{opacity:.8}.navbar__logo-icon{color:var(--color-white);font-size:24px}.navbar__logo img{width:auto;height:40px;display:block}.navbar__logo-text{font-family:var(--font-display);letter-spacing:2px;color:var(--color-white);font-size:24px}.navbar__logo-text .accent{color:var(--color-yellow)}.navbar__links{align-items:center;gap:40px;display:flex}.navbar__links a{transition:all var(--transition-fast);color:var(--color-white);font-size:15px;font-weight:500;position:relative}.navbar__links a:not(.btn):hover{color:var(--color-yellow)}.navbar__links a:not(.btn):after{content:"";background:linear-gradient(to right, var(--color-yellow), var(--color-magenta), var(--color-cyan));width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-5px;left:0}.navbar__links a:not(.btn):hover:after{width:100%}.navbar__toggle{z-index:1001;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.navbar__toggle span{background-color:var(--color-white);width:25px;height:2px;transition:all var(--transition-fast);display:block}.navbar__toggle--active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle--active span:nth-child(2){opacity:0}.navbar__toggle--active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.btn{transition:all var(--transition-fast);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;display:inline-flex}.btn--primary{background-color:var(--color-accent);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #e6007e4d}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--outline{border:2px solid var(--color-black);color:var(--color-black)}.btn--outline:hover{background-color:var(--color-black);color:var(--color-white);transform:translateY(-2px)}.btn--lg{padding:16px 40px;font-size:16px}.btn--sm{padding:10px 24px;font-size:14px}.navbar__links .btn--sm:hover{background:linear-gradient(135deg, var(--color-magenta) 0%, var(--color-cyan) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #e6007e66}.btn--full{justify-content:center;width:100%}.btn svg{width:20px;height:20px}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__bg-pattern{opacity:.5;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#e6007e08 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00b8e608 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.hero__content{z-index:1;text-align:center;padding:60px 0;position:relative}.hero__badge{border:1px solid var(--color-magenta);letter-spacing:2px;color:var(--color-magenta);background-color:#e6007e1a;border-radius:50px;margin-bottom:30px;padding:8px 20px;font-size:12px;font-weight:600;display:inline-block}.hero__title{font-family:var(--font-display);letter-spacing:4px;margin-bottom:30px;font-size:clamp(48px,10vw,96px);font-weight:400;line-height:1}.hero__subtitle{color:var(--color-gray);max-width:700px;margin:0 auto 50px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:80px;display:flex}.hero__stats{flex-wrap:wrap;justify-content:center;gap:60px;display:flex}.hero__stat{flex-direction:column;gap:8px;display:flex}.hero__stat-number{font-family:var(--font-display);color:var(--color-accent);letter-spacing:2px;font-size:48px}.hero__stat-label{color:var(--color-gray);text-transform:uppercase;letter-spacing:1px;font-size:14px}.hero__scroll-indicator{text-transform:uppercase;letter-spacing:2px;color:var(--color-gray);flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent), transparent);width:1px;height:40px;animation:2s infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.section-tag{letter-spacing:2px;color:var(--color-magenta);text-transform:uppercase;background-color:#e6007e1a;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:3px;color:var(--color-black);margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:400}.section-subtitle{color:var(--color-gray);max-width:700px;margin:0 auto;font-size:clamp(16px,2vw,18px);line-height:1.7}.section-header{text-align:center;margin-bottom:80px}.accent{color:var(--color-magenta)}.services{padding:var(--section-padding);background-color:var(--color-off-white)}.services__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.service-card{background-color:var(--color-white);border:1px solid var(--color-light-3);transition:all var(--transition-medium);border-radius:12px;padding:40px 30px;position:relative}.service-card:hover{border-color:var(--color-magenta);transform:translateY(-5px);box-shadow:0 10px 40px #e6007e26}.service-card--featured{background:linear-gradient(135deg, var(--color-white) 0%, var(--color-off-white) 100%);border-color:var(--color-magenta)}.service-card__popular{background-color:var(--color-accent);color:var(--color-white);letter-spacing:1px;text-transform:uppercase;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:20px;right:20px}.service-card__icon{width:60px;height:60px;color:var(--color-magenta);background-color:#e6007e1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card__icon svg{width:32px;height:32px}.service-card__title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:16px;font-size:28px;font-weight:400}.service-card__desc{color:var(--color-gray);margin-bottom:20px;line-height:1.7}.service-card__tag{background-color:var(--color-light);color:var(--color-gray);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.work{padding:var(--section-padding);background-color:var(--color-white)}.work__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.work-card{aspect-ratio:1;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.work-card--large{aspect-ratio:2;grid-column:span 2}.work-card__image{width:100%;height:100%;transition:transform var(--transition-slow);justify-content:center;align-items:center;display:flex}.work-card:hover .work-card__image{transform:scale(1.05)}.work-card__placeholder{color:#ffffffb3;flex-direction:column;align-items:center;gap:16px;display:flex}.work-card__placeholder svg{width:64px;height:64px}.work-card__placeholder span{font-family:var(--font-display);letter-spacing:2px;font-size:20px}.work-card__overlay{opacity:0;transition:all var(--transition-medium);background:linear-gradient(#0000,#000000e6);padding:30px;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.work-card:hover .work-card__overlay{opacity:1;transform:translateY(0)}.work-card__overlay h3{font-family:var(--font-display);letter-spacing:1px;color:var(--color-white);margin-bottom:8px;font-size:24px;font-weight:400}.work-card__overlay p{color:var(--color-white);font-size:14px}.process{padding:var(--section-padding);background-color:var(--color-off-white)}.process__steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.process-step{flex-direction:column;gap:24px;display:flex}.process-step__number{font-family:var(--font-display);color:var(--color-accent);opacity:.3;letter-spacing:2px;font-size:72px;line-height:1}.process-step__title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:12px;font-size:28px;font-weight:400}.process-step__desc{color:var(--color-gray);line-height:1.7}.testimonials{padding:var(--section-padding);background-color:var(--color-white)}.testimonials__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.testimonial-card{background-color:var(--color-off-white);border:1px solid var(--color-light-3);transition:all var(--transition-medium);border-radius:12px;padding:40px}.testimonial-card:hover{border-color:var(--color-magenta);transform:translateY(-5px);box-shadow:0 10px 40px #e6007e1a}.testimonial-card__stars{color:var(--color-magenta);letter-spacing:4px;margin-bottom:24px;font-size:20px}.testimonial-card__text{color:var(--color-black);margin-bottom:30px;font-size:16px;line-height:1.8}.testimonial-card__author{align-items:center;gap:16px;display:flex}.testimonial-card__avatar{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);width:50px;height:50px;font-family:var(--font-display);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.testimonial-card__name{margin-bottom:4px;font-weight:600}.testimonial-card__role{color:var(--color-gray);font-size:14px}.contact{padding:var(--section-padding);background-color:var(--color-off-white)}.contact__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact__info{text-align:left}.contact__info .section-header{text-align:left;margin-bottom:40px}.contact__desc{color:var(--color-gray);margin-bottom:40px;font-size:18px;line-height:1.7}.contact__details{flex-direction:column;gap:20px;display:flex}.contact__detail{color:var(--color-gray);align-items:center;gap:16px;display:flex}.contact__detail svg{width:24px;height:24px;color:var(--color-magenta);flex-shrink:0}.contact__form{background-color:var(--color-white);border:1px solid var(--color-light-3);border-radius:12px;padding:40px}.form-group{margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-off-white);border:1px solid var(--color-light-3);width:100%;color:var(--color-black);transition:all var(--transition-fast);border-radius:8px;padding:16px 20px;font-size:15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-magenta);background-color:var(--color-white);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-group select option{background-color:var(--color-white);color:var(--color-black)}.footer{background-color:var(--color-white);border-top:1px solid var(--color-light-3);padding:80px 0 40px}.footer__inner{grid-template-columns:2fr 1fr;gap:80px;margin-bottom:60px;display:grid}.footer__logo{font-family:var(--font-display);letter-spacing:2px;align-items:center;gap:8px;margin-bottom:16px;font-size:24px;font-weight:400;display:flex}.footer__tagline{color:var(--color-gray);font-size:15px}.footer__links{gap:80px;display:flex}.footer__col{flex-direction:column;gap:16px;display:flex}.footer__col h4{font-family:var(--font-display);letter-spacing:1px;margin-bottom:8px;font-size:18px;font-weight:400}.footer__col a{color:var(--color-gray);transition:color var(--transition-fast);font-size:15px}.footer__col a:hover{color:var(--color-accent)}.footer__bottom{text-align:center;border-top:1px solid var(--color-light-3);color:var(--color-gray);padding-top:40px;font-size:14px}@media (width<=1024px){.work-card--large{aspect-ratio:1;grid-column:span 1}.contact__inner{gap:60px}}@media (width<=768px){.navbar__toggle{z-index:1002;display:flex;position:relative}.navbar__links{background-color:var(--color-dark);width:70%;max-width:300px;height:100vh;transition:transform var(--transition-medium);flex-direction:column;align-items:flex-start;gap:30px;padding:100px 40px 40px;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 20px #00000080}.navbar__links li{align-items:flex-start;width:100%;display:flex}.navbar__links a{color:var(--color-white);display:inline-block}.navbar__links .btn{width:auto;display:inline-flex}.navbar__links--open{transform:translate(0)}.navbar__links a:after{display:none}.hero__stats{gap:40px}.hero__stat-number{font-size:36px}.services__grid,.work__grid{grid-template-columns:1fr}.work-card--large{aspect-ratio:1}.process__steps,.testimonials__grid{grid-template-columns:1fr}.contact__inner{grid-template-columns:1fr;gap:50px}.contact__info .section-header{text-align:center}.footer__inner{grid-template-columns:1fr;gap:50px}.footer__links{gap:50px}}@media (width<=480px){:root{--container-padding:0 20px;--section-padding:60px 0}.btn--lg{padding:14px 32px;font-size:15px}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.hero__stats{flex-direction:column;gap:30px}.form-row{grid-template-columns:1fr}.contact__form{padding:30px 20px}.footer__links{flex-direction:column;gap:40px}.section-header{margin-bottom:50px}}