.page-root{color:#111827;background:#fff;font-family:Poppins,system-ui,sans-serif}[id]{scroll-margin-top:100px}.grain:after{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.spring{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.gradient-text{background:linear-gradient(135deg,#9c47f5,#29cafd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-gradient{background:linear-gradient(135deg,#9c47f5,#29cafd)}.hero-cta{background:linear-gradient(135deg,#29cafd,#1ba3e8);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;box-shadow:0 0 20px #29cafd66,0 0 40px #29cafd33,0 4px 12px #0000004d}.hero-cta:hover{box-shadow:0 0 28px #29cafd8c,0 0 56px #29cafd4d,0 6px 16px #00000059}.shadow-brand{box-shadow:0 1px 2px #9c47f50d,0 4px 8px #9c47f514,0 12px 24px #9c47f50f}.shadow-brand-lg{box-shadow:0 2px 4px #9c47f50a,0 8px 16px #9c47f514,0 24px 48px #9c47f51a}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.form-glow{box-shadow:0 0 0 1px #9c47f51a,0 8px 24px #9c47f51f,0 2px 8px #9c47f50f}.problem-x{background:linear-gradient(135deg,#d4005e,#9c47f5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.filmstrip{perspective:1200px;transform-style:preserve-3d;flex-direction:column;gap:16px;display:flex}.filmstrip-card{opacity:0;border:1px solid #ffffff1f;border-radius:16px;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:translateY(60px)rotateY(-8deg)scale(.92);box-shadow:0 4px 12px #9c47f526,0 16px 40px #0a01184d}.filmstrip-card.animate-in{opacity:1;transform:translateY(0)rotateY(0)scale(1)}.filmstrip-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 20px #9c47f540,0 24px 50px #0a011859}.filmstrip-card img{object-fit:cover;width:100%;height:100%;display:block}.filmstrip-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#9c47f526,#29cafd14);position:absolute;inset:0}.filmstrip-card{position:relative}.filmstrip-badge{-webkit-backdrop-filter:blur(12px);z-index:2;background:#0a0118bf;border:1px solid #ffffff1a;border-radius:10px;padding:8px 12px;position:absolute;bottom:12px;left:12px}.logo-slider{--slider-speed:35s;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logo-slider-track{width:max-content;animation:logo-scroll var(--slider-speed)linear infinite;gap:72px;display:flex}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-slider-track img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.55;filter:grayscale();width:auto;height:32px}@media (min-width:768px){.logo-slider-track img{height:44px}}.portfolio-viewport{border-radius:20px;width:100%;position:relative;overflow:hidden}.portfolio-track{transition:transform .7s cubic-bezier(.4,0,.2,1);display:flex}.portfolio-slide{flex:0 0 100%;min-width:100%;position:relative;overflow:hidden}.portfolio-slide img{object-fit:cover;width:100%;height:400px;display:block}@media (max-width:640px){.portfolio-slide img{height:220px}}.portfolio-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.portfolio-dot{cursor:pointer;background:#aab2bc;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,transform .3s}.portfolio-dot.active{background:#9c47f5;transform:scale(1.3)}.portfolio-dot:hover{background:#9c47f5}.portfolio-nav{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:3;opacity:0;background:#0a011899;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s,opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-viewport:hover .portfolio-nav{opacity:1}.portfolio-nav:hover{background:#9c47f5b3}.portfolio-nav.prev{left:12px}.portfolio-nav.next{right:12px}.scanner-container{background:#0a011866;border-radius:16px;width:100%;height:220px;position:relative;overflow:hidden}.scanner-track{will-change:transform;gap:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scanner-card{border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;width:160px;height:180px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.scanner-card img{object-fit:cover;filter:brightness(1.1)contrast(1.1);width:100%;height:100%;transition:filter .3s;display:block}.scanner-card.scanned img{filter:brightness(.3)contrast(.8)saturate(.5)}.scanner-card-ascii{color:#9c47f5cc;white-space:pre;opacity:0;background:#0a0118eb;padding:4px;font-family:Courier New,monospace;font-size:9px;line-height:11px;transition:opacity .15s;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0009 50%,#0003 100%);mask-image:linear-gradient(90deg,#000 0%,#0009 50%,#0003 100%)}.scanner-card.scanned .scanner-card-ascii{opacity:1}.scanner-line-glow{z-index:10;pointer-events:none;background:linear-gradient(#0000,#9c47f5,#29cafd,#9c47f5,#0000);width:2px;animation:2s ease-in-out infinite alternate scanner-pulse;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #9c47f5,0 0 16px #9c47f5,0 0 32px #9c47f566}@keyframes scanner-pulse{0%{opacity:.7;box-shadow:0 0 8px #9c47f5,0 0 16px #9c47f5}to{opacity:1;box-shadow:0 0 12px #9c47f5,0 0 24px #9c47f5,0 0 48px #9c47f580}}.scanner-canvas{pointer-events:none;z-index:5;position:absolute;inset:0}.scanner-fade-left,.scanner-fade-right{z-index:8;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.scanner-fade-left{background:linear-gradient(90deg,#0a0118,#0000);left:0}.scanner-fade-right{background:linear-gradient(270deg,#0a0118,#0000);right:0}@media (min-width:640px){.scanner-container{height:260px}.scanner-card{width:200px;height:220px}}.piece-card:hover{box-shadow:0 0 0 1px #9c47f526,0 8px 32px #9c47f533,0 32px 64px #9c47f51f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f7f5fa}::-webkit-scrollbar-thumb{background:#aab2bc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9c47f5}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.spring{transition-timing-function:ease}.filmstrip-card{opacity:1;transition:none;transform:none}.filmstrip-card:hover{transform:none}.portfolio-track{transition:none}.scanner-track{animation:none!important}.scanner-line-glow,.logo-slider-track{animation:none}}