body.web-dev-parallax{background:#000!important;background-image:none!important}.hero-with-sphere{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 60px 60px;gap:60px;background:radial-gradient(ellipse at 20% 20%,rgba(88,28,135,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(30,58,138,.15) 0%,transparent 50%),radial-gradient(ellipse at 60% 30%,rgba(126,34,206,.1) 0%,transparent 40%),radial-gradient(ellipse at 30% 70%,rgba(59,130,246,.08) 0%,transparent 45%),linear-gradient(to bottom,#000,#0a0a15,#000);position:relative;overflow:hidden}.constellation-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{flex:1;max-width:600px;position:relative;z-index:1}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;margin:0 0 24px;background:linear-gradient(90deg,#fff 0% 25%,#667eea 50%,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:#ffffffb3;line-height:1.6;margin:0 0 32px}.hero-content .cta-buttons{display:flex;gap:16px}.hero-content .btn{background:transparent!important;border:2px solid #667eea!important;color:#fff!important;padding:12px 30px!important;font-size:1rem!important;font-weight:500!important;border-radius:8px!important;cursor:pointer;transition:all .4s ease!important;box-shadow:none!important;text-decoration:none!important}.hero-content .btn:hover{background:linear-gradient(135deg,#667eea,#764ba2,#a78bfa)!important;border-color:transparent!important;transform:translateY(-2px)!important;box-shadow:0 8px 30px #667eea99!important}.sphere-container{flex:1;display:flex;align-items:center;justify-content:center;max-width:600px;position:relative;z-index:1}#logo-canvas{width:100%;max-width:500px;aspect-ratio:1;border-radius:50%}#water-sphere{position:absolute;width:100%;max-width:500px;aspect-ratio:1;border-radius:50%;pointer-events:auto}@media(max-width:900px){.hero-with-sphere{flex-direction:column;text-align:center;padding:100px 30px 40px}.hero-content{max-width:100%}.hero-content .cta-buttons{justify-content:center}.sphere-container{max-width:350px}}.scroll-lock-container{position:relative;height:600vh}.scroll-lock-sticky{position:sticky;top:0;height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;overflow:hidden}.dot-grid-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.geometric-decoration{position:absolute;left:0;top:0;bottom:0;width:400px;pointer-events:none;z-index:1}.geo-svg{width:100%;height:100%}.arc-dot{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}.scroll-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease-out;z-index:2}.scroll-panel.active{opacity:1;pointer-events:auto}.scroll-panel-content{text-align:center;max-width:1200px;padding:0 60px;transform:translateY(30px) scale(1.05);opacity:0;filter:blur(20px);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease-out,filter .8s cubic-bezier(.16,1,.3,1)}.scroll-panel.active .scroll-panel-content{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}.statement-title{font-size:clamp(3rem,8vw,6rem);font-weight:400;font-style:normal;line-height:1.1;margin:0;letter-spacing:-.02em}.statement-title .gradient-line{display:block;white-space:nowrap;background:linear-gradient(90deg,#fff 0% 25%,#667eea 50%,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:600px){.statement-title .gradient-line{white-space:normal}.scroll-panel-content{padding:0 24px}}.scroll-panel-title .gradient-line{display:inline;background:linear-gradient(90deg,#fff 0% 25%,#667eea 50%,#a78bfa,#c4b5fd);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}.scroll-panel-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1;margin:0 0 30px;letter-spacing:-.02em}.scroll-panel-description{font-size:1.25rem;color:#ffffffb3;margin-bottom:40px;line-height:1.6}.scroll-panel-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.scroll-panel-features li{background:#ffffff1a;padding:.75rem 1.5rem;border-radius:30px;color:#ffffffe6;font-size:.95rem;border:1px solid rgba(255,255,255,.1)}.full-width-logos{position:relative;width:100%;background:#0a0a0a;padding:40px 0;overflow:hidden}.full-width-logos .platform-logos{max-width:100%;margin:0;padding:0 60px}.full-width-logos .platform-logo-item{background:transparent;border:none;padding:10px}.full-width-logos .platform-logo-item:hover{background:transparent;border:none;box-shadow:none}.full-width-logos .tech-carousel-wrapper:before,.full-width-logos .tech-carousel-wrapper:after{display:none}.footer{background:#0a0a0a!important;border-top:1px solid rgba(255,255,255,.05)!important}.process-timeline-container{position:relative;height:200vh}.process-timeline{position:sticky;top:0;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.process-title{text-align:center;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:400;color:#fff;margin:0 0 60px;background:linear-gradient(90deg,#fff 0% 25%,#667eea 50%,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.process-title.revealed{opacity:1;transform:translateY(0)}.timeline-container{width:100%;max-width:1100px;margin:0 auto;padding:20px 0}.timeline-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.timeline-line{position:absolute;top:28px;left:5%;right:5%;height:2px;background:#ffffff0f;z-index:0}.timeline-line-fill{height:100%;width:var(--fill-width, 0%);background:linear-gradient(90deg,#667eea,#a78bfa,#9ff296);transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px #667eea66}.timeline-step{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;opacity:0;transform:translateY(40px) scale(.95);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.timeline-step.revealed{opacity:1;transform:translateY(0) scale(1)}.timeline-node{width:56px;height:56px;border-radius:50%;background:#0a0a0a;border:2px solid rgba(102,126,234,.15);display:flex;align-items:center;justify-content:center;margin-bottom:28px;transition:border-color .6s ease,box-shadow .6s ease}.timeline-step.revealed .timeline-node{border-color:#667eea;box-shadow:0 0 30px #667eea4d,0 0 60px #667eea1a}.timeline-node span{font-size:.85rem;font-weight:600;color:#667eea;letter-spacing:.05em}.timeline-content h3{font-size:1.15rem;font-weight:500;color:#fff;margin:0 0 10px}.timeline-content p{font-size:.9rem;color:#fff6;line-height:1.6;margin:0;max-width:260px}.timeline-cta{text-align:center;margin-top:40px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.timeline-cta.revealed{opacity:1;transform:translateY(0)}.timeline-btn{background:transparent!important;border:2px solid #667eea!important;color:#fff!important;padding:12px 30px!important;font-size:1rem!important;font-weight:500!important;border-radius:8px!important;cursor:pointer;transition:all .4s ease!important;box-shadow:none!important;text-decoration:none!important;display:inline-block}.timeline-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2,#a78bfa)!important;border-color:transparent!important;transform:translateY(-2px)!important;box-shadow:0 8px 30px #667eea99!important}@media(max-width:768px){.process-timeline-container{height:auto}.process-timeline{position:relative;height:auto;min-height:auto;padding:60px 24px 80px}.timeline-track{flex-direction:column;align-items:center;gap:40px}.timeline-line{display:none}.timeline-step,.process-title,.timeline-cta{opacity:1;transform:none}}.section-curve-divider{position:absolute;top:-1px;left:0;width:100%;z-index:3;line-height:0;transform:translateY(-95%);pointer-events:none}.section-curve-divider svg{width:100%;height:200px;display:block;filter:blur(1px)}.nanobite-stats-container{position:relative;height:300vh}.nanobite-stats{position:sticky;top:0;width:100%;height:100vh;background:#0a0a0a;overflow:hidden}#stats-nanobite-canvas{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,1) 20%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,1) 20%)}.stats-labels{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.stats-label-row{display:flex;justify-content:center;gap:0;width:100%;position:absolute;top:68%}.stats-label-item{flex:1;max-width:25%;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.stats-label-item.visible{opacity:1;transform:translateY(0)}.stats-label-text{font-size:clamp(.75rem,1.4vw,1rem);color:#a78bfa;font-weight:400;letter-spacing:.02em}