@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap";body{color:#e2e8f0;font-feature-settings:"cv02", "cv03", "cv04", "cv11";background-color:#08080a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.cosmic-arc-top{pointer-events:none;filter:blur(8px);background:radial-gradient(at top,#ffffff24 0%,#cbd5e10d 45%,#0000 75%);border-radius:50% 50% 0 0/100% 100% 0 0;width:1100px;height:540px;animation:7s ease-in-out infinite alternate auraFloat;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.cosmic-arc-rim{pointer-events:none;border-top:2px solid #ffffffb3;border-radius:50%;width:900px;height:450px;animation:6s ease-in-out infinite alternate rimPulse;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 -12px 40px #ffffff38,0 0 15px #cbd5e180}@keyframes auraFloat{0%{opacity:.85;transform:translate(-50%)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1.03)}}@keyframes rimPulse{0%{opacity:.7;filter:drop-shadow(0 -5px 15px #ffffff40)}to{opacity:1;filter:drop-shadow(0 -12px 35px #ffffff73)}}.hero-perspective-stage{perspective:1600px;transform-style:preserve-3d}.dashboard-viewport-peek{transform-origin:top;will-change:transform, box-shadow;border:1px solid #f43f5e40;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1),border-color .65s;transform:rotateX(5deg)translateY(0)scale(1);box-shadow:0 25px 60px -15px #f43f5e38,0 15px 35px -5px #38bdf82e,inset 0 0 0 1px #fffffff2}.dashboard-viewport-peek:hover{border-color:#f43f5e73;transform:rotateX(1.5deg)translateY(-14px)scale(1.028);box-shadow:0 48px 105px -15px #f43f5e61,0 25px 50px -5px #38bdf84d,inset 0 0 0 1px #fff}html,body{max-width:100vw;position:relative;overflow-x:hidden!important}@media (width<=768px){.hero-perspective-stage{perspective:none!important;transform-style:flat!important}.dashboard-viewport-peek{border-radius:1.25rem!important;transform:none!important;box-shadow:0 12px 35px -5px #f43f5e38,0 0 0 1px #e2e8f0e6!important}.dashboard-viewport-peek:hover{transform:none!important}.horizon-arc-dome{border-radius:50% 50% 0 0/110px 110px 0 0!important;width:170%!important;padding-top:3.5rem!important;padding-bottom:4rem!important}}.iphone-integrated-stage{perspective:1200px;transform-style:preserve-3d}.iphone-half-peek{background:#111115;border:2px solid #fff3;transition:all .5s cubic-bezier(.16,1,.3,1);animation:6s ease-in-out infinite alternate iphoneFloatLower;transform:rotateY(-8deg)rotateX(5deg)translateY(0);box-shadow:-18px 28px 60px -12px #000000b3,-5px 12px 30px -5px #00000080,0 0 0 2px #ffffff14,0 0 35px #ffffff1a}.iphone-half-peek:hover{transform:rotateY(-3deg)rotateX(2deg)translateY(-10px)scale(1.02);box-shadow:-22px 36px 75px -12px #000000d9,-8px 18px 40px -5px #ffffff26,0 0 0 2px #fff3,0 0 45px #ffffff2e}@keyframes iphoneFloatLower{0%{transform:rotateY(-8deg)rotateX(5deg)translateY(0)}to{transform:rotateY(-6deg)rotateX(3deg)translateY(-12px)}}.futuristic-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#121217f0 0%,#0b0b0efa 100%);border:1px solid #ffffff1f;border-radius:28px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px -10px #000000b3,inset 0 0 0 1px #ffffff0a}.futuristic-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 28px 65px -12px #000000d9,0 0 25px #ffffff14}.pillar-tile-3d{background:linear-gradient(145deg,#121217f0 0%,#0b0b0efa 100%);border:1px solid #ffffff1f;border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 16px 36px -8px #0009,inset 0 0 0 1px #ffffff0d}.pillar-tile-3d:hover{border-color:#ffffff59;transform:translateY(-6px)scale(1.02);box-shadow:0 25px 60px -15px #000c,0 0 25px #ffffff1a}.circuit-line-stem{background:linear-gradient(#ffffff1a 0%,#ffffffbf 50%,#94a3b880 100%);width:2px;position:relative;box-shadow:0 0 8px #ffffff40}.pulse-dot-vertical{background:#fff;border:2px solid #cbd5e1;border-radius:9999px;width:8px;height:8px;animation:3s cubic-bezier(.4,0,.6,1) infinite pulseDown;position:absolute;left:-3px;box-shadow:0 0 12px #fff,0 0 20px #fff9}@keyframes pulseDown{0%{opacity:0;top:0%}20%{opacity:1}80%{opacity:1}to{opacity:0;top:96%}}.fiber-laser-line{background:linear-gradient(90deg,#ffffff1a 0%,#ffffffd9 50%,#94a3b8bf 80%,#e2e8f0cc 100%);position:relative;box-shadow:0 0 12px #ffffff4d}.laser-beam-pulse{background:#fff;border-radius:9999px;width:40px;height:100%;animation:3.2s linear infinite laserTravel;position:absolute;box-shadow:0 0 15px #fff,0 0 25px #fffc}@keyframes laserTravel{0%{opacity:0;left:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:95%}}.gauge-glow-ring{transform-origin:50%;animation:14s linear infinite gaugeRotate}@keyframes gaugeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.horizon-arc-wrapper{justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.horizon-arc-dome{background:radial-gradient(at 50% 100%,#16161f 0%,#0d0d12 60%,#08080a 100%);border-radius:50% 50% 0 0/240px 240px 0 0;flex-direction:column;justify-content:center;align-items:center;width:135%;padding-top:5rem;padding-bottom:5.5rem;display:flex;position:relative;box-shadow:0 -20px 60px -10px #ffffff1a;border:none!important;border-top:1.5px solid #ffffff4d!important}@media (width<=1024px){.horizon-arc-dome{border-radius:50% 50% 0 0/180px 180px 0 0;width:145%;padding-top:4rem;padding-bottom:4.5rem}}.reveal-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}@keyframes toolMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tool-marquee-track{width:max-content;animation:32s linear infinite toolMarquee;display:flex}.tool-marquee-track:hover{animation-play-state:paused}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.floating-pill{animation:5s ease-in-out infinite floatGentle}.floating-pill:nth-child(2n){animation-delay:.8s}.floating-pill:nth-child(3n){animation-delay:1.6s}.floating-pill:nth-child(4n){animation-delay:2.4s}@keyframes gridShift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,0 0,0 0,48px 48px,48px 48px}}.animated-grid{animation:35s linear infinite gridShift}@keyframes floatOrb1{0%{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-48%,-25px)scale(1.08)}to{opacity:.9;transform:translate(-52%,15px)scale(.95)}}@keyframes floatOrb2{0%{opacity:.8;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(25px,-30px)scale(1.1)}to{opacity:.85;transform:translate(-15px,20px)scale(.92)}}.ambient-orb-1{animation:12s ease-in-out infinite alternate floatOrb1}.ambient-orb-2{animation:16s ease-in-out infinite alternate floatOrb2}@keyframes floatParticleUp{0%{opacity:.2;transform:translateY(0)rotate(0)}50%{opacity:.7}to{opacity:0;transform:translateY(-120px)rotate(180deg)}}.floating-particle{pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite floatParticleUp;position:absolute}@keyframes borderShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shimmer-border{background-size:200% 200%;animation:6s infinite borderShimmer}@keyframes dotPulseRing{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}.pulse-led-ring{animation:2.2s cubic-bezier(.45,0,.55,1) infinite dotPulseRing}.design-dot-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#ffffff38 1.5px,#0000 0),radial-gradient(circle at 17px 17px,#cbd5e124 1.2px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px,32px 32px,32px 32px,32px 32px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(90% 85% at 50% 20%,#000000f2 25%,#00000080 70%,#0000 100%);mask-image:radial-gradient(90% 85% at 50% 20%,#000000f2 25%,#00000080 70%,#0000 100%)}.grid-node-glow{pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;animation:3.5s ease-in-out infinite alternate gridNodePulse;position:absolute;box-shadow:0 0 10px #fff,0 0 20px #e2e8f0b3}.grid-node-glow-sky{pointer-events:none;background:#cbd5e1;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite alternate-reverse gridNodePulse;position:absolute;box-shadow:0 0 10px #cbd5e1,0 0 20px #cbd5e1b3}@keyframes gridNodePulse{0%{opacity:.35;transform:scale(.75);box-shadow:0 0 4px}to{opacity:.95;transform:scale(1.35);box-shadow:0 0 14px,0 0 28px}}.grid-crosshair{pointer-events:none;opacity:.4;color:#64748b;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)}