*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#050505}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#fff;background:#050505;line-height:1.6;overflow-x:hidden}.spotlight-card{--mx:-999px;--my:-999px}.spotlight-card:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(280px circle at var(--mx) var(--my), #ffffff0f, transparent 70%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.spotlight-card:hover:after{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-border{0%,to{box-shadow:0 0 #ffffff14}50%{box-shadow:0 0 0 8px #fff0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kenBurns{0%{transform:scale(1)translate(0)translateY(0)}to{transform:scale(1.08)translate(-1%)translateY(-1%)}}nav{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#5a5a5a4d;border:1px solid #ffffff26;border-radius:999px;justify-content:space-between;align-items:center;gap:0;width:min(880px,100% - 40px);padding:12px 28px;transition:padding .4s,background .4s,box-shadow .4s;animation:.8s both fadeIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}nav.scrolled{background:#50505073;padding:9px 28px;box-shadow:0 8px 40px #0006}.logo{letter-spacing:4px;background:linear-gradient(90deg,#fff 30%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600}nav a{color:#fff9;letter-spacing:.5px;margin-left:36px;font-size:15px;text-decoration:none;transition:color .25s;position:relative}nav a:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-3px;left:0}.nav-playground-btn{letter-spacing:.5px;white-space:nowrap;border:1px solid #ffffff4d;border-radius:999px;margin-left:20px;padding:7px 16px;color:#fff!important;font-size:13px!important;transition:background .25s,border-color .25s!important}.nav-playground-btn:after{display:none}.nav-playground-btn:hover{opacity:1;border-color:#fff;color:#050505!important;background:#fff!important}.mobile-playground-btn{letter-spacing:4px;text-transform:uppercase;opacity:.9;font-size:28px;font-weight:300;text-decoration:none;color:#fff!important}nav a:hover{color:#fff}nav a:hover:after{width:100%}.hero{align-items:center;height:100vh;padding-top:12vh;padding-left:10%;padding-right:10%;display:flex;position:relative;overflow:hidden}.hero-bg{will-change:transform;filter:contrast(1.1)brightness(.85)saturate(1.1);image-rendering:crisp-edges;z-index:0;background:url(/hero-bg4.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate kenBurns;position:absolute;inset:0;transform:translateZ(0)}.hero-overlay{background:linear-gradient(#00000073 0%,#0000004d 50%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-wordmark{flex-direction:column;align-items:center;margin-bottom:28px;animation:.9s .3s both fadeUp;display:flex}.wordmark-main{letter-spacing:18px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,silver 40%,#fff 60%,#888 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px #ffffff1f);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,8vw,108px);font-weight:900;font-stretch:75%;line-height:1;position:relative}.wordmark-sub{align-items:center;gap:16px;margin-top:10px;display:flex}.wordmark-line{background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:clamp(40px,5vw,72px);height:1px;display:block}.wordmark-media{letter-spacing:10px;text-transform:uppercase;color:#ffffff80;font-size:clamp(9px,1vw,13px);font-weight:500}.hero-type{color:#fffc;text-align:center;max-width:660px;min-height:0;margin-bottom:36px;font-size:20px;line-height:1.65}.cursor{color:#fff;font-weight:300;animation:.75s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff80;padding:14px 36px;font-size:13px;text-decoration:none;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;animation:.9s 4.8s both fadeUp;display:inline-block}.btn:hover{color:#050505;background:#fff;border-color:#fff;box-shadow:0 0 28px #ffffff26}.hero-scroll{z-index:2;color:#ffffff59;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;animation:1s 1.2s both fadeIn;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:#ffffff40;width:40px;height:1px}section{padding:120px 10%}.section-label{letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-bottom:16px;font-size:11px}.section-title{letter-spacing:-.5px;margin-bottom:70px;font-size:36px;font-weight:500}#services{border-top:1px solid #ffffff0f}.services{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.service{background:#ffffff0f;border:1px solid #ffffff1a;padding:44px 40px;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateZ(0)}.service:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:2px;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.service:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.service:hover:before{transform:translate(100%)}.service-num{letter-spacing:2px;color:#fff3;margin-bottom:20px;font-size:11px}.service h3{letter-spacing:.2px;margin-bottom:12px;font-size:18px;font-weight:500}.service p{color:#ffffff80;font-size:14px;line-height:1.7}#process{background:#080808;border-top:1px solid #ffffff0f}.process{grid-template-columns:repeat(3,1fr);gap:60px;display:grid;position:relative}.process:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14 20% 80%,#0000);width:100%;height:1px;position:absolute;top:28px;left:0}.step-dot{z-index:1;background:#080808;border:1px solid #ffffff4d;border-radius:50%;width:10px;height:10px;margin-bottom:32px;transition:border-color .3s,box-shadow .3s;position:relative}.step:hover .step-dot{border-color:#fff;box-shadow:0 0 12px #ffffff4d}.step-num{color:#ffffff12;letter-spacing:-2px;margin-bottom:16px;font-size:48px;font-weight:600;line-height:1;transition:color .3s}.step:hover .step-num{color:#ffffff24}.step h3{margin-bottom:10px;font-size:18px;font-weight:500}.step p{color:#ffffff80;font-size:14px;line-height:1.7}.cta{text-align:center;border-top:1px solid #ffffff0f;padding:160px 10%;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#ffffff08,#0000);position:absolute;inset:0}.cta h2{letter-spacing:-1px;margin-bottom:16px;font-size:44px;font-weight:500;animation:.8s both fadeUp}.cta-sub{color:#ffffff80;max-width:480px;margin:0 auto 32px;font-size:15px;line-height:1.7}.cta .btn{animation:.8s .2s both fadeUp}footer{color:#ffffff4d;letter-spacing:.5px;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:48px 10%;font-size:13px;display:flex}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity .7s ease var(--delay,0s), transform .7s cubic-bezier(.22, 1, .36, 1) var(--delay,0s)}.reveal{transform:translateY(40px)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal-scale{transform:scale(.9)translateY(20px)}.reveal.visible,.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{opacity:1;will-change:auto;transform:none}.nav-mobile-right{align-items:center;gap:8px;display:none}.nav-mobile-pg-btn{letter-spacing:.4px;white-space:nowrap;border:1px solid #ffffff40;border-radius:999px;padding:6px 13px;font-size:11px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:none;color:#fffc!important}.nav-mobile-pg-btn:after{display:none}.nav-mobile-pg-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff!important}.hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.hamburger span{transform-origin:50%;background:#fff;width:24px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;opacity:0;pointer-events:none;background:#050505f7;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:opacity .35s;display:none;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu a{color:#fffc;letter-spacing:4px;text-transform:uppercase;font-size:28px;font-weight:300;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:#fff}@media (width<=900px){.services{grid-template-columns:1fr}.process{grid-template-columns:1fr;gap:40px}.process:before{display:none}}@media (hover:none){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}@media (width<=768px){nav{width:calc(100% - 20px);padding:9px 16px;top:10px}.nav-links{display:none}.hamburger,.mobile-menu,.nav-mobile-right{display:flex}.nav-mobile-pg-btn{display:inline-block}.hero{justify-content:center;align-items:center;padding-top:14vh;padding-left:6%;padding-right:6%}.hero-content{align-items:center}.hero-wordmark{margin-bottom:20px}.wordmark-main{letter-spacing:10px;font-size:clamp(42px,14vw,72px)}.wordmark-sub{gap:10px;margin-top:8px}.wordmark-line{width:clamp(28px,8vw,50px)}.wordmark-media{letter-spacing:7px;font-size:clamp(8px,2.2vw,11px)}.hero-type{max-width:92%;margin-bottom:28px;font-size:16px;line-height:1.6}.btn{padding:13px 30px;font-size:12px}.hero-scroll{font-size:9px;bottom:24px}section{padding:72px 6%}.section-title{margin-bottom:48px;font-size:28px}.service{padding:32px 28px}.step-num{font-size:36px}.cta{padding:96px 6%}.cta h2{letter-spacing:-.5px;font-size:28px}.cta-sub{font-size:14px}footer{text-align:center;flex-direction:column;gap:12px;padding:32px 6%}}@media (width<=420px){.wordmark-main{letter-spacing:8px;font-size:clamp(36px,16vw,60px)}.hero-type{font-size:15px}.section-title,.cta h2{font-size:24px}}