:root{--bg: #07070d;--surface: #121220;--surface-2: #1a1a2c;--border: #2a2a40;--text: #f2f2fb;--muted: #a6a6c2;--brand: #a855f7;--brand-2: #22d3ee;--brand-3: #ff4d8d;--danger: #ff6b83;--radius: 18px;--maxw: 1140px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background-color:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.08;letter-spacing:-.02em;margin:0}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora__blob{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen}.aurora__blob--1{top:-18vw;left:-10vw;background:radial-gradient(circle,var(--brand),transparent 60%);animation:drift1 18s ease-in-out infinite alternate}.aurora__blob--2{top:-6vw;right:-14vw;background:radial-gradient(circle,var(--brand-2),transparent 60%);animation:drift2 22s ease-in-out infinite alternate}.aurora__blob--3{bottom:-22vw;left:25vw;background:radial-gradient(circle,var(--brand-3),transparent 60%);animation:drift3 26s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(8vw,10vw) scale(1.15)}}@keyframes drift2{to{transform:translate(-6vw,12vw) scale(1.2)}}@keyframes drift3{to{transform:translate(6vw,-8vw) scale(1.1)}}.page{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--brand-2);margin:0 0 12px}.grad{background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.grad--anim{background-size:220% 220%;animation:hue 6s ease infinite}@keyframes hue{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal--in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.grad--anim,.aurora__blob,.marquee__track{animation:none}}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge__dot{width:8px;height:8px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 #22d3eeb3;animation:ping 1.8s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #22d3ee99}to{box-shadow:0 0 0 10px #22d3ee00}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 24px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;overflow:hidden;transition:transform .14s ease,box-shadow .25s ease}.btn--lg{padding:15px 30px;font-size:1rem}.btn--primary{background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));background-size:200% 200%;color:#0a0a12;box-shadow:0 10px 34px #a855f773;animation:hue 6s ease infinite}.btn--primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);transition:left .6s ease}.btn--primary:hover:after{left:130%}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px #ff4d8d80}.btn--ghost{background:#ffffff05;border-color:var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--brand);box-shadow:0 0 26px #a855f74d;transform:translateY(-2px)}.btn--block{width:100%}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07070d8c}.nav__brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.nav__logo{width:24px;height:24px;border-radius:8px;background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));background-size:200% 200%;box-shadow:0 4px 18px #a855f799;animation:hue 6s ease infinite}.nav__links{display:flex;gap:30px;color:var(--muted);font-size:.95rem;font-weight:500}.nav__links a{position:relative}.nav__links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;border-radius:2px;background:linear-gradient(120deg,var(--brand-3),var(--brand-2));transition:width .25s ease}.nav__links a:hover{color:var(--text)}.nav__links a:hover:after{width:100%}.hero{position:relative;padding:110px 0 72px;text-align:center}.hero .badge{margin-bottom:26px}.hero__title{font-size:clamp(2.8rem,7vw,5.4rem);font-weight:900;margin:0 auto 22px;max-width:16ch;text-shadow:0 8px 40px rgba(168,85,247,.25)}.hero__lead{color:var(--muted);font-size:1.18rem;max-width:62ch;margin:0 auto 34px;line-height:1.65}.hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:80px auto 0;max-width:880px}.stat{padding:24px 18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);transition:transform .2s ease,border-color .2s ease}.stat:hover{transform:translateY(-4px);border-color:var(--brand)}.stat__value{font-size:2.4rem;font-weight:900;margin:0}.stat__label{margin:6px 0 0;color:var(--muted);font-size:.85rem}.marquee{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin:36px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:inline-flex;gap:40px;white-space:nowrap;animation:scroll 26s linear infinite}.marquee__item{display:inline-flex;align-items:center;gap:40px;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--text);opacity:.85}.marquee__star{color:var(--brand-2)}@keyframes scroll{to{transform:translate(-33.33%)}}.section{padding:80px 0}.section__head{margin-bottom:40px}.section__head h2{font-size:clamp(2rem,4vw,3rem);font-weight:900}.services{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.services .reveal{flex:1 1 300px;max-width:360px;height:auto}.service{position:relative;height:100%;padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),rgba(18,18,32,.4));overflow:hidden;transition:transform .2s ease,border-color .2s ease}.service:hover{transform:translateY(-6px);border-color:transparent}.service__glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius);padding:1px;background:linear-gradient(130deg,var(--brand-3),var(--brand),var(--brand-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease}.service:hover .service__glow{opacity:1}.service__badge{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;margin-bottom:18px;background:linear-gradient(135deg,#a855f740,#22d3ee33);border:1px solid var(--border)}.service__icon{width:30px;height:30px;color:var(--brand-2)}.service h3{font-size:1.3rem;margin-bottom:10px}.service p{color:var(--muted);font-size:.98rem;line-height:1.65;margin:0}.pitch{position:relative;overflow:hidden;text-align:center;padding:56px 32px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(600px 300px at 50% -20%,rgba(168,85,247,.22),transparent 70%),linear-gradient(180deg,var(--surface),rgba(18,18,32,.4))}.pitch__glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;padding:1px;background:linear-gradient(130deg,var(--brand-3),var(--brand),var(--brand-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55}.pitch h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;max-width:20ch;margin:0 auto 16px}.pitch__lead{color:var(--muted);font-size:1.1rem;line-height:1.7;max-width:62ch;margin:0 auto 26px}.pitch__tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pill{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-weight:700;font-size:.92rem}.pill--accent{border-color:transparent;color:#0a0a12;background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));box-shadow:0 8px 26px #a855f766}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.chip{border:1px solid var(--border);background:#ffffff05;color:var(--muted);border-radius:999px;padding:9px 20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s ease}.chip:hover{color:var(--text);border-color:var(--brand)}.chip--active{background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));color:#0a0a12;border-color:transparent;box-shadow:0 8px 26px #a855f766}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-grid .reveal{height:100%}.work-card{height:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.work-card:hover{transform:translateY(-6px);border-color:var(--brand);box-shadow:0 18px 50px #a855f740}.work-card__media{height:180px;position:relative;background:radial-gradient(140px 90px at 25% 20%,rgba(255,77,141,.55),transparent 70%),radial-gradient(160px 120px at 75% 60%,rgba(34,211,238,.5),transparent 70%),radial-gradient(180px 140px at 55% 90%,rgba(168,85,247,.5),transparent 70%),var(--surface-2)}.work-card__tag{position:absolute;top:14px;left:14px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:999px;background:#07070db3;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.work-card__body{padding:20px 22px 24px}.work-card__body h3{font-size:1.15rem;margin-bottom:6px}.work-card__body p{color:var(--muted);font-size:.9rem;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.contact__intro h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:18px}.contact__intro p{color:var(--muted);line-height:1.7;max-width:46ch}.contact__list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.contact__list li{position:relative;padding-left:30px;color:var(--text)}.contact__list li:before{content:"✓";position:absolute;left:0;color:var(--brand-2);font-weight:900}.contact__where{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-weight:700;color:var(--text)}.contact__panel{background:linear-gradient(180deg,var(--surface),rgba(18,18,32,.5));border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 20px 60px #0006}.contact-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{font-size:.85rem;font-weight:700;color:var(--muted)}.field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:13px 15px;color:var(--text);font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #a855f74d}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}.field__error{color:var(--danger);font-size:.82rem;margin:0}.contact-success{text-align:center;padding:26px 8px}.contact-success__check{width:60px;height:60px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;font-size:1.7rem;font-weight:900;color:#0a0a12;background:linear-gradient(120deg,var(--brand-3),var(--brand),var(--brand-2));box-shadow:0 10px 30px #a855f780}.contact-success h3{margin-bottom:8px}.contact-success p{color:var(--muted);margin:0 0 20px}.footer{display:flex;align-items:center;justify-content:space-between;padding:34px 0 52px;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;flex-wrap:wrap;gap:12px}@media (max-width: 900px){.stats,.services,.work-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.nav__links{display:none}}@media (max-width: 560px){.stats,.services,.work-grid{grid-template-columns:1fr}.nav__cta{display:none}.marquee__item{font-size:1.2rem}}
