:root{--bg:#0b0b0c;--card:#111115;--muted:#1a1b20;--text:#e9e9f2;--sub:#a7a7b4;--accent:#9b87f5;--accent-2:#6ee7b7;--yellow:#fde047;--max:1200px;--rad:16px;--shadow:0 10px 30px rgba(0,0,0,.35)}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:black;color:var(--text);font:16px/1.6 'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji"}img{max-width:100%;display:block;}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:20px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #262633;padding:.4rem .8rem;border-radius:999px;color:var(--sub)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-radius:12px;color:var(--text);box-shadow:var(--shadow);font-family:'Manrope',sans-serif;transition:border-color .18s,transform .18s}.btn:hover{border-color:#3a3a4d;transform:translateY(-1px)}.btn--ghost{background:transparent}.sec{padding-block:64px}.muted{color:var(--sub)}.grid{display:grid;gap:20px}.kicker{letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--sub);font-size:.8rem;font-family:'Manrope',sans-serif}.h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:12px 0 4px;font-family:'Manrope',sans-serif}.h2{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.1;margin:0 0 16px;font-family:'Manrope',sans-serif}.h3{font-size:1.1rem;margin:0;font-family:'Manrope',sans-serif}.badge{padding:.25rem .6rem;border-radius:999px;background:#171721;border:1px solid #2a2a36;color:var(--sub);font-size:.75rem;font-family:'Manrope',sans-serif}.badgetr{padding:.25rem .6rem;border-radius:999px;border:1px solid #2a2a36;color:var(--sub);font-size:.75rem;font-family:'Manrope',sans-serif}header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,rgba(11,11,12,.8),rgba(11,11,12,.45));border-bottom:1px solid #1b1b27}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-family:'Manrope',sans-serif}.brand .logo{width:28px;aspect-ratio:1;display:grid;place-items:center;background:#11111a;border:1px solid #2a2a36;border-radius:10px}.nav-links{display:flex;gap:16px}.nav-links a{font-family:'Manrope',sans-serif}.nav-actions{display:flex;gap:10px}.nav-toggle{display:none}.hero{padding-block:96px 40px}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end}.hero .media{position:relative;min-height:260px;border-radius:var(--rad);overflow:hidden;background:linear-gradient(180deg,#16161f,#0c0c10)}.smoke{position:absolute;inset:-40% -10% auto -10%;height:140%;opacity:.6;filter:blur(6px);background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.06),transparent 60%)}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;font-family:'Manrope',sans-serif;justify-content:center}.work-mosaic{display:flex;justify-content:center;align-items:flex-end;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding-bottom:32px}.work-col{display:flex;flex-direction:column;gap:0}.work-col--center{justify-content:flex-start;align-items:center;display:flex}.work-item{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#14141b;border:0;width:370px;height:370px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 6px 32px #0004}.work-item--center{width:410px;height:470px;margin-bottom:0;margin-top:-60px;z-index:2;box-shadow:0 12px 48px #0006}.work-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;transition:transform 0.5s cubic-bezier(.4,1.4,.6,1)}.work-item:hover img{transform:scale(1.07)}.work-item .chip{position:absolute;left:18px;top:18px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);padding:.3rem .6rem;border-radius:999px;font-size:.95rem;color:#fff;font-family:'Manrope',sans-serif;z-index:2;pointer-events:none}.work-btn{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;background:rgba(200,200,200,0.18);border:1px solid #bdbdbd;color:#fff;border-radius:999px;font-size:1.1rem;font-family:'Manrope',sans-serif;padding:0.7rem 0;text-align:center;text-decoration:none;backdrop-filter:blur(2px);transition:background .18s,border .18s,color .18s;z-index:2;margin:0 60px 0 60px}.work-btn:hover{background:rgba(255,255,255,0.35);color:#222;border-color:#fff}.about{grid-template-columns:1.1fr .9fr;align-items:center}.about .portrait{border-radius:16px;overflow:hidden;border:0;background:#13131b}.process .steps{grid-template-columns:1fr 1fr}.card{border:1px solid #3d3d3d;border-radius:14px;padding:18px;box-shadow:var(--shadow);font-family:'Manrope',sans-serif}.card .line{height:1px;background:linear-gradient(90deg,transparent,#2a2a3d,transparent);margin-block:10px}.services .grid-3{grid-template-columns:repeat(2,1fr)}.service-item{display:flex;gap:12px}.service-item svg{flex:0 0 28px}.reviews .row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:#101018;border:1px solid #25253a;border-radius:14px;padding:16px;font-family:'Manrope',sans-serif}.stars{letter-spacing:2px;color:var(--yellow)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.kpi{background:#0f0f16;border:1px solid #23233a;padding:14px;border-radius:12px;text-align:center;font-family:'Manrope',sans-serif}.faq{display:grid;grid-template-columns:1fr;gap:20px}.accordion{border:1px solid #2a2a3d;border-radius:14px;overflow:hidden}.accordion details{border-top:1px solid #2a2a3d;background:linear-gradient(180deg,#14141d,#0f0f15)}.accordion details:first-child{border-top:0}.accordion summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:600;font-family:'Manrope',sans-serif}.accordion summary::-webkit-details-marker{display:none}.accordion .content{padding:0 16px 16px;color:var(--sub);font-family:'Manrope',sans-serif}footer{padding-block:40px 80px;border-top:1px solid #1b1b28;color:#83839a;text-align:center;font-family:'Manrope',sans-serif}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.center{display:grid;place-items:center}.hide{display:none}.threejs-background{position:fixed;inset:0;z-index:-1;overflow:hidden}#threejs-bg{width:100%;height:100%;display:block}.hero-cta{justify-content:center}.fade-in{opacity:0;transform:translateY(32px);animation:fadeInUp 0.8s cubic-bezier(.4,1.4,.6,1) forwards}.fade-in[style*="animation-delay:0.1s;"]{animation-delay:0.1s}.fade-in[style*="animation-delay:0.2s;"]{animation-delay:0.2s}.fade-in[style*="animation-delay:0.3s;"]{animation-delay:0.3s}.fade-in[style*="animation-delay:0.4s;"]{animation-delay:0.4s}.fade-in[style*="animation-delay:0.5s;"]{animation-delay:0.5s}@keyframes fadeInUp{to{opacity:1;transform:none}}@media (max-width:1200px){.work-item,.work-item--center{width:30vw;min-width:240px;max-width:370px}.work-item--center{height:38vw;min-height:320px;max-height:470px}}@media (max-width:980px){.hero-inner,.about,.row,.faq{grid-template-columns:1fr}.mosaic{grid-template-columns:repeat(2,1fr)}.mosaic figure{aspect-ratio:4/3}.reviews .row{grid-template-columns:1fr}.services .grid-3{grid-template-columns:1fr}.nav-links{display:none}.nav-toggle{display:block}.kpis{grid-template-columns:1fr}}@media (max-width:900px){.work-mosaic{flex-direction:column;align-items:center;gap:24px}.work-col,.work-col--center{flex-direction:row;gap:24px;justify-content:center;align-items:flex-end}.work-col--center{margin:0}.work-item,.work-item--center{width:44vw;min-width:180px;max-width:340px;height:220px;margin-top:0}.work-item--center{height:260px;margin-top:0}}@media (max-width:600px){.work-btn{margin:0}.work-mosaic{gap:12px;padding-bottom:0}.work-col,.work-col--center{gap:12px}.work-item,.work-item--center{width:92vw;min-width:0;max-width:100vw;height:160px}.work-item--center{height:180px;margin-top:0}}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.fade-in{opacity:0;transform:translateY(32px);animation:fadeInUp 0.8s cubic-bezier(.4,1.4,.6,1) forwards}.fade-in[style*="animation-delay:0.1s;"]{animation-delay:0.1s}.fade-in[style*="animation-delay:0.2s;"]{animation-delay:0.2s}.fade-in[style*="animation-delay:0.3s;"]{animation-delay:0.3s}.fade-in[style*="animation-delay:0.4s;"]{animation-delay:0.4s}.fade-in[style*="animation-delay:0.5s;"]{animation-delay:0.5s}@keyframes fadeInUp{to{opacity:1;transform:none}}.work-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;grid-template-rows:repeat(2,auto);gap:5px;max-width:1400px;margin:0 auto;padding:20px 0}.work-item{position:relative;overflow:hidden;border-radius:12px;border:1px solid #232334;background:#14141b;aspect-ratio:1/1}.work-item--feature{aspect-ratio:4/3}.work-item img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .4s ease}.work-item:hover img{filter:grayscale(0)}.chip{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);padding:.3rem .6rem;border-radius:999px;font-size:.8rem;color:#fff;font-family:'Manrope',sans-serif;pointer-events:none}@media (max-width:1000px){.work-grid{grid-template-columns:1fr 1fr}.work-item--feature{grid-row:auto;aspect-ratio:4/3}}@media (max-width:600px){.work-grid{grid-template-columns:1fr}}.work-item video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(1)}.work-grid-fixed{display:grid;grid-template-columns:1fr 1.18fr 1fr;grid-template-rows:1fr 1fr;gap:6px;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0}.work-grid-fixed2{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr}.work-item{position:relative;overflow:hidden;border-radius:16px;border:0;background:#14141b;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 6px 32px #0003;width:100%}.work-item img,.work-item video{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;transition:transform 0.5s cubic-bezier(.4,1.4,.6,1)}.work-item:hover img,.work-item:hover video{transform:scale(1.07)}.work-item--small{aspect-ratio:1/1;min-width:0;min-height:0}.work-item--large{aspect-ratio:1.15/1;min-width:0;min-height:0;grid-column:2/3;width:100%;justify-self:stretch}.chip{position:absolute;left:16px;top:16px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);padding:.3rem .6rem;border-radius:999px;font-size:.85rem;color:#fff;font-family:'Manrope',sans-serif;z-index:2;pointer-events:none}.work-btn{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;background:rgba(200,200,200,0.18);border:1px solid #bdbdbd;color:#fff;border-radius:999px;font-size:1.05rem;font-family:'Manrope',sans-serif;padding:0.6rem 0;text-align:center;text-decoration:none;backdrop-filter:blur(2px);transition:background .18s,border .18s,color .18s;z-index:2}.work-btn:hover{background:rgba(255,255,255,0.35);color:#222;border-color:#fff}@media (max-width:1000px){.work-grid-fixed{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px}.work-item--large,.work-item--small{aspect-ratio:1/1}}@media (max-width:700px){.work-grid-fixed{grid-template-columns:1fr;grid-template-rows:none;gap:8px}.work-item--large,.work-item--small{aspect-ratio:1/1}}.service-heading{font-size:69px}.service-p{font-size:32px}.btncontainer{margin-top:40px;display:flex;flex-wrap:wrap}.btncontainer2{justify-content:space-around;margin-bottom:40px}.bc2{margin-top:0}.btncontainer .btn{position:relative;top:0;left:0;width:250px;height:50px;margin:0;display:flex;justify-content:center;align-items:center}.btncontainer .btn a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-shadow:2px 2px 7px black;background:rgba(255,255,255,0.05);box-shadow:0 15px 15px rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);border-radius:30px;padding:10px;letter-spacing:1px;text-decoration:none;overflow:hidden;color:#fff;font-weight:400;z-index:1;transition:0.5s;backdrop-filter:blur(15px)}.btncontainer .btn:hover a{letter-spacing:3px}.btncontainer .btn a::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to left,rgba(255,255,255,0.15),transparent);transform:skewX(45deg) translate(0);transition:0.5s;filter:blur(0)}.btncontainer .btn:hover a::before{transform:skewX(45deg) translate(200px)}.btncontainer .btn::before{content:"";position:absolute;left:50%;transform:translatex(-50%);bottom:-5px;width:0;height:0;background:#8801E5;border-radius:10px;transition:0.5s;transition-delay:0.5}.btncontainer .btn:hover::before{bottom:0;height:50%;width:80%;border-radius:30px}.btncontainer .btn::after{content:"";position:absolute;left:50%;transform:translatex(-50%);top:-5px;width:0;height:0;background:#8801E5;border-radius:10px;transition:0.5s;transition-delay:0.5}.btncontainer .btn:hover::after{top:0;height:50%;width:80%;border-radius:30px}.btncontainer .btn:nth-child(1)::before,.btncontainer .btn:nth-child(1)::after{background:#8801E5;box-shadow:0 0 5px #ff00f0,0 0 15px #8801E5,0 0 30px #ff00f0,0 0 60px #8801E5}.btncontainer .btn:nth-child(2)::before,.btncontainer .btn:nth-child(2)::after{background:#dfac07;box-shadow:0 0 5px #dfac07,0 0 15px #dfac07,0 0 30px #dfac07,0 0 60px #dfac07}.btncontainer .btn:nth-child(3)::before,.btncontainer .btn:nth-child(3)::after{background:#1eff45;box-shadow:0 0 5px #1eff45,0 0 15px #1eff45,0 0 30px #1eff45,0 0 60px #1eff45}.sbelow{padding-top:0}.scroll-indicator{display:flex;align-items:center;justify-content:center;color:#aaa;font-family:Arial,sans-serif;font-size:14px;gap:10px}.scroll-indicator .text{white-space:nowrap}.scroll-indicator .line{flex:1;height:1px;background:#444;max-width:80px}.scroll-indicator .mouse{width:24px;height:38px;border:2px solid #aaa;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center}.scroll-indicator .wheel{width:4px;height:8px;background:#aaa;border-radius:2px;animation:wheelmove 1.5s infinite}@keyframes wheelmove{0{transform:translateY(-6px);opacity:0}40%{opacity:1}80%{transform:translateY(6px);opacity:0}100%{opacity:0}}.logo-container{--logo-width:200px;--logo-height:100px;--gap:calc(var(--logo-width)/14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap));display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw;margin-top:48px}.logo-scroll{display:flex;overflow:hidden;user-select:none;gap:var(--gap);mask-image:linear-gradient( to right,hsl(0 0 0/0),hsl(0 0 0/1) 30%,hsl(0 0 0/1) 70%,hsl(0 0 0/0) )}.logo-scroll__wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll var(--duration) linear infinite}.logo-scroll__wrapper:nth-child(even){margin-left:calc(var(--logo-width)/-2)}.logo-scroll__wrapper:hover{animation-play-state:paused}.logo-item{width:var(--logo-width);height:var(--logo-height);background-color:transparent;border-radius:4px}.logo-scroll .logo-item:hover{transform:scale(1.05)}@keyframes scroll{from{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}.container.f1 a{margin:24px;color:#aaa}section.fullscreen{position:relative;width:70%;overflow:hidden}.single-wrapper>:first-child{margin-top:80px}section.fullscreen img,section.fullscreen video{width:100%;height:100%;object-fit:cover;display:block}.caption{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.4);padding:0.6rem 1.2rem;border-radius:999px;font-size:1rem;color:#fff;border:1px solid rgba(255,255,255,.1)}footer{text-align:center;color:#888;padding:40px 0 80px;font-size:0.9rem}.single-wrapper{position:relative;width:100%;min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.single-wrapper>*{width:90%;height:90%;margin:auto}@media (width <= 500px){section.fullscreen{position:relative;width:100%;overflow:hidden}.single-wrapper>*{width:100%;height:90%;margin:auto}.single-wrapper>:first-child{margin:0}}.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 100;
}
.nav-toggle-bar {
  width: 28px;
  height: 3px;
  background: #e0e0e0;
  margin: 4px 0;
  border-radius: 2px;
  transition: 0.3s;
}
.nav-mobile {
  position: absolute;
  top: 64px;
  right: 20px;
  background: #111;
  border-radius: 14px;
  box-shadow: 0 8px 32px #0006;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 180px;
  z-index: 99;
}
.nav-mobile.hide {
  display: none;
}
.nav-mobile a {
  color: #e0e0e0;
  font-size: 1.2rem;
  font-family: 'Manrope', sans-serif;
  text-decoration: none;
  padding: 6px 0;
  border-bottom: 1px solid #222;
}
.nav-mobile a:last-child {
  border-bottom: none;
}
@media (max-width: 980px) {
  .nav-links, .nav-actions {
    display: none !important;
  }
  .nav-toggle {
    display: flex !important;
  }
  .work-grid-fixed2 > .work-item {
    height: 350px;
}
.mobile-hide{
    display:none;
}
.container.sec.about{
    grid-template-columns: 1fr !important;
}
.process .steps{
    grid-template-columns: 1fr;
}
}
@media (min-width: 980px){
    .desktop-hide{
        display:none !important;
    }
    .cursor-glow{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.9);box-shadow:0 0 36px rgba(255,255,255,0.65),0 0 72px rgba(255,255,255,0.35);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;z-index:9999}
}