.hero-container{width:100%;height:100vh;overflow:hidden;line-height:1.2;padding:clamp(6rem,12vh,8rem) clamp(1.25rem,5vw,4rem) 2rem;align-items:flex-start!important;text-align:left;position:relative}.hero-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%);pointer-events:none}.parallelogram-grid{position:absolute;top:-30%;left:60%;width:70%;height:140%;--cell: 100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.15)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');background-size:var(--cell) var(--cell);background-blend-mode:lighten;opacity:.3;transform:perspective(800px) rotateX(42deg) rotateY(22deg) rotate(-20deg);transform-origin:center;box-shadow:0 40px 80px #0006,inset 0 10px 20px #ffffff0d;border-radius:12px;filter:drop-shadow(0 0 15px rgba(255,255,255,.05));overflow:hidden;isolation:isolate}.parallelogram-grid>canvas.pgrid-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.image-3d{position:absolute;bottom:-5vh;left:50%;height:60vh;border-radius:32px;object-fit:cover;object-position:top left;transform:perspective(800px) rotateX(16deg) rotateY(13deg) rotate(-3deg);transform-origin:top left;box-shadow:0 30px 60px #0009,0 10px 25px #ffffff14 inset;transition:transform .6s ease,box-shadow .6s ease;background:#111;border:1px solid rgba(255,255,255,.08);opacity:.8}.brand{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;color:#60a5fa;margin-bottom:.3rem;letter-spacing:.05em;transform-origin:bottom left}.subtitle{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;color:#d1d5db;margin-bottom:.8rem;transition:opacity .5s ease}.dynamic-text-container{position:relative;height:clamp(4rem,12vw,8rem);display:flex;align-items:center;justify-content:flex-start;overflow:visible}.text-wrapper{display:flex;align-items:baseline}.dynamic-text{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;white-space:nowrap;padding-bottom:.1em}.cursor{display:inline-block;width:4px;height:clamp(2.5rem,6vw,5rem);background:#3b82f6;margin-left:.1em;transition:background-color .3s ease}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor.blinking{animation:cursorBlink 1s step-end infinite}.cursor.hidden{animation:none!important;opacity:0!important}.icon-circle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(2.5rem,8vw,6rem);height:clamp(2.5rem,8vw,6rem);border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;opacity:0;color:#fff;box-shadow:0 0 40px #3b82f680}.icon-circle i{font-size:clamp(1.25rem,4vw,3rem)}@media(max-width:768px){.image-3d{bottom:-25vh;left:10%;scale:.8}.hero-container{padding-top:5.5rem}.dynamic-text-container{min-height:clamp(5rem,14vw,10rem)}}.scroll-container{position:relative;border-bottom:1px solid rgba(99,102,241,.2)}body{overflow-x:unset!important;line-height:1.8}@media(min-width:1024px){.scroll-container{display:grid;grid-template-columns:50% 50%}.content-column{position:relative}.animation-column{position:sticky;top:0;height:100vh}.animation-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.animation-container.active{opacity:1;pointer-events:auto}.mobile-animation{display:none}.body-accent-line{position:absolute;top:calc(clamp(28px,4.5vw,56px)*2.6 + 110vh);left:5vw;width:3px;height:400vh;background:linear-gradient(180deg,transparent 2%,#6a5df4 5%,#8b5cf6 12%,#a162f3 20%,#ff9a3c 32%,#ff7b33 40%,#46d6a5 55%,#32d3ff 65%,#1fa4ff 72%,#cb4fff 85%,#9b4dfb 92%,#6c54f8 98%,transparent 100%);opacity:.6;z-index:5}}@media(max-width:1023px){.animation-column{display:none}.mobile-animation{height:60vh;width:100%;display:flex;align-items:center;justify-content:center;margin:2rem 0}.mobile-animation .anim-canvas{width:100%;height:100%}}.bb-section{min-height:100vh;align-items:flex-start;padding:8vh 8vw;position:relative;flex-direction:column;display:flex;justify-content:center}.bb-title{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:800;line-height:1.2;margin-bottom:1.2rem}.bb-title span{display:block}.bb-title-s{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#64748b;margin-bottom:.6rem}.bb-title-l{filter:drop-shadow(0 0 15px rgba(56,189,248,.35))}.bb-desc{font-size:1.15rem;line-height:1.55;opacity:.85;max-width:28rem}.anim-canvas{width:80%;height:80%;position:relative;display:flex;align-items:center;justify-content:center}.perspective-canvas{perspective:1200px}.grid-anim{width:100%;aspect-ratio:1;max-width:450px;position:relative;transform-style:preserve-3d;transform:rotateX(60deg) rotate(45deg);margin:0 auto}.grid-plane{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:8px;width:100%;height:100%;transform-style:preserve-3d}.grid-tile{background:#0f172a99;border:1px solid rgba(160,103,255,.8);box-shadow:0 0 10px #0000004d;border-radius:2px;position:relative;backface-visibility:hidden;transition:border-color .3s}.grid-tile:hover{border-color:#38bdf880;background:#38bdf81a}.grid-connector{position:absolute;height:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8,0 0 15px #0ea5e9;transform-origin:left center;z-index:20;pointer-events:none;border-radius:2px;opacity:0}.grid-node-active{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) translateZ(1px);box-shadow:0 0 10px #fff,0 0 20px #38bdf8;z-index:21;pointer-events:none}.tree-anim{position:relative;width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;background:transparent;border:none;perspective:1000px}.tree-anim svg.hierarchy-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.tree-anim path.connector{fill:none;stroke:#00f3ff;stroke-width:2px;stroke-linecap:round;opacity:.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(0,243,255,.5))}.tree-anim .org-level{display:flex;justify-content:center;gap:2rem;width:100%;z-index:1;margin-bottom:3rem;position:relative}.tree-anim .org-node{position:relative;background:#0a141e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,243,255,.3);box-shadow:0 0 15px #00f3ff1a,inset 0 0 10px #00f3ff0d;border-radius:8px;padding:12px 20px;display:flex;align-items:center;justify-content:center;color:#e0faff;font-family:monospace;font-size:.8rem;letter-spacing:1px;transition:all .3s ease;transform-style:preserve-3d;opacity:0}.tree-anim .org-node.root-node{padding:16px 32px;font-size:1rem;font-weight:700;border-color:#00f3ffcc;box-shadow:0 0 25px #00f3ff33,inset 0 0 15px #00f3ff1a;color:#fff;text-transform:uppercase}.tree-anim .org-node.sub-node{min-width:100px}.tree-anim .org-node:before,.tree-anim .org-node:after{content:"";position:absolute;width:4px;height:4px;background:#00f3ff;transition:all .3s ease}.tree-anim .org-node:before{top:-2px;left:-2px}.tree-anim .org-node:after{bottom:-2px;right:-2px}.tree-anim .org-node.active{background:#00f3ff1a;border-color:#00f3ff}.workflow-anim{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.workflow-svg{width:90%;height:90%;overflow:visible}.wave{fill:none;stroke:#3b82f6;stroke-width:2}.particle{filter:drop-shadow(0 0 4px rgba(59,130,246,.6))}.bluetooth-icon path{filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.checkmark path{filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.integration-anim{width:100%;height:100%;position:relative;background:transparent;overflow:visible;font-family:Inter,system-ui,sans-serif}.ia-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ia-core-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}.ia-ring{position:absolute;border-radius:50%;box-shadow:0 0 15px #d946ef0d}.ia-ring-inner{width:40%;height:40%;border:2px solid rgba(236,72,153,.4);border-top-color:#d946ef;border-right-color:transparent}.ia-ring-mid{width:70%;height:70%;border:1px dashed rgba(217,70,239,.2)}.ia-ring-outer{width:100%;height:100%;border:1px solid rgba(217,70,239,.1);border-left:2px solid #ec4899}.ia-core-logo{width:64px;height:64px;background:linear-gradient(135deg,#d946ef,#ec4899);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #d946ef66;z-index:20;color:#fff}.ia-card{position:absolute;background:#111827e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(217,70,239,.3);border-bottom:2px solid rgba(217,70,239,.6);padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0003;z-index:15;opacity:0;transform-origin:center center;transform:translate(-50%,-50%)}.ia-card-dot{width:6px;height:6px;border-radius:50%;background:#d946ef;box-shadow:0 0 5px #d946ef}.ia-card-text{font-size:12px;font-weight:600;color:#e5e7eb;letter-spacing:.5px}.ia-connection-line{fill:none;stroke:#d946ef;stroke-width:1.5px;opacity:.6;vector-effect:non-scaling-stroke}.sky-white{background-image:linear-gradient(90deg,#3b82f6,#60a5fa,#f0f9ff)}.blue-purple{background-image:linear-gradient(90deg,#5bc0ff,#7b5cff 45%,#a067ff)}.teal-cyan{background-image:linear-gradient(90deg,#30e6c8,#32d3ff 40%,#40aaff)}.orange-amber{background-image:linear-gradient(90deg,#ffa94d,#ff8c32 45%,#ff6f4d)}.magenta-pink{background-image:linear-gradient(90deg,#ff4da6,#f6d 40%,#ff8cf4)}.hero-geometric-flow{position:relative;overflow:hidden;padding:5vh 5vw;width:100%;border-top:1px solid rgba(99,102,241,.2);border-bottom:1px solid rgba(99,102,241,.2)}.flow-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.flow-data-stream{position:absolute;top:0;left:0;width:100%;height:100%}.flow-stream-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#818cf8,transparent);opacity:0;box-shadow:0 0 10px #6366f180}.flow-accent-line{position:absolute;top:0;left:5vw;width:3px;height:100%;background:linear-gradient(180deg,transparent,#6366f1 30%,#8b5cf6 70%,transparent);opacity:.6;z-index:5}.flow-text-content{position:relative;z-index:10}.flow-text-content p{font-size:clamp(28px,4.5vw,56px);font-weight:700;color:#e5e7eb;text-align:center;line-height:1.3;letter-spacing:-1px}.flow-highlight{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}#scene-container{--final-color: #3b82f6}#scene-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;perspective:1000px}.canvas{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.tech-icon{position:absolute;width:50px;height:50px;border:2px solid;border-radius:8px;background:#0000004d;display:flex;justify-content:center;align-items:center;font-size:20px;z-index:2;will-change:transform,opacity,border-radius,background-color;transform:translateZ(0)}.glow-backdrop{position:absolute;width:300px;height:550px;background:var(--final-color);opacity:0;filter:blur(40px);z-index:0;border-radius:50%;transform:scale(.8)}.flow-text-content span{display:inline-block}