:root{--black:#080808;--white:#f5f5f0;--gray:#999;--line:#292929;--green:#d9ff3f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080808c7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;padding:22px 6%;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-1.5px;font-size:25px;font-weight:900}.logo span{color:var(--green)}.navLinks{color:#bbb;gap:35px;font-size:14px;display:flex}.navLinks a:hover{color:#fff}.hero{background:radial-gradient(circle at 75% 45%,#d9ff3f21,#0000 30%),radial-gradient(circle at 20% 80%,#ff8a3d14,#0000 25%);align-items:center;min-height:100vh;padding:150px 7% 80px;display:flex;position:relative;overflow:hidden}.grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.heroContent{z-index:2;max-width:850px;position:relative}.eyebrow{color:var(--green);letter-spacing:3px;margin-bottom:25px;font-size:12px;font-weight:800}.pulseDot{background:var(--green);width:7px;height:7px;box-shadow:0 0 18px var(--green);border-radius:50%;margin-right:7px;display:inline-block}h1{letter-spacing:-7px;font-size:clamp(55px,9vw,120px);font-weight:900;line-height:.88}h1 span{color:var(--green)}.heroDescription{max-width:590px;color:var(--gray);margin-top:35px;font-size:19px}.buttons{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.button{border:1px solid var(--line);border-radius:100px;padding:14px 23px;font-size:14px;font-weight:800;transition:all .2s}.button:hover,.contactButton:hover{transform:translateY(-3px)}.primary{background:var(--green);color:#080808;border-color:var(--green)}.robotArea{place-items:center;width:430px;height:430px;display:grid;position:absolute;bottom:10%;right:6%}.circle{border:1px solid #333;border-radius:50%;width:100%;height:100%;animation:25s linear infinite rotate;position:absolute}.circle:before{content:"";background:var(--green);width:8px;height:8px;box-shadow:0 0 25px var(--green);border-radius:50%;position:absolute;top:10px;left:50%}.circle2{border-style:dashed;width:75%;height:75%;animation-duration:18s;animation-direction:reverse}.robot{border:3px solid #aaa;border-radius:35px 35px 18px 18px;width:130px;height:190px;position:relative;transform:rotate(-5deg);box-shadow:0 0 70px #d9ff3f1f,inset 0 0 30px #ffffff08}.robotHead{border:2px solid #bbb;border-radius:14px;width:75px;height:42px;position:absolute;top:20px;left:25px}.eye{background:var(--green);width:9px;height:9px;box-shadow:0 0 18px var(--green);border-radius:50%;position:absolute;top:15px}.eye.left{left:18px}.eye.right{right:18px}.robotArm{border:2px solid #999;border-radius:10px;width:100px;height:10px;position:absolute;top:105px}.armLeft{left:-70px;transform:rotate(35deg)}.armRight{right:-70px;transform:rotate(-35deg)}@keyframes rotate{to{transform:rotate(360deg)}}section{border-top:1px solid var(--line);padding:130px 7%}.container{max-width:1200px;margin:auto}.sectionLabel{color:var(--green);letter-spacing:3px;margin-bottom:20px;font-size:11px;font-weight:800}h2{letter-spacing:-4px;max-width:900px;font-size:clamp(42px,6vw,75px);line-height:.95}.lead{max-width:650px;color:var(--gray);margin-top:25px;font-size:18px}.cards{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#181818,#0d0d0d);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:300px;padding:30px;transition:all .3s;display:flex}.card:hover{border-color:#555;transform:translateY(-7px)}.cardNumber{color:#555;font-weight:800}.card h3{letter-spacing:-1px;font-size:28px}.card p{color:var(--gray);margin-top:10px}.workflow{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:60px;display:grid}.step{background:var(--black);min-height:230px;padding:35px 25px}.stepNumber{color:var(--green);margin-bottom:45px;font-weight:900}.step h3{margin-bottom:10px;font-size:21px}.step p{color:var(--gray);font-size:14px}.technology{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.techVisual{border:1px solid var(--line);background:radial-gradient(circle,#d9ff3f21,#0000 35%);border-radius:25px;place-items:center;height:500px;display:grid;position:relative;overflow:hidden}.techCore{border:1px solid var(--green);width:170px;height:170px;color:var(--green);letter-spacing:2px;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 80px #d9ff3f1f}.techRing{border:1px dashed #444;border-radius:50%;width:320px;height:320px;animation:20s linear infinite rotate;position:absolute}.techList{border-top:1px solid var(--line);margin-top:35px}.techItem{border-bottom:1px solid var(--line);color:#ccc;justify-content:space-between;padding:19px 0;display:flex}.techItem span:last-child{color:#666}.vision{text-align:center;background:radial-gradient(circle,#d9ff3f14,#0000 45%)}.vision h2{margin:auto}.vision p{max-width:650px;color:var(--gray);margin:30px auto 0;font-size:18px}.contact{background:var(--green);color:#080808;text-align:center}.contact .sectionLabel{color:#30351d}.contact h2{margin:auto}.contact p{color:#333a20;max-width:600px;margin:25px auto}.contactButton{border:1px solid #080808;border-radius:100px;padding:15px 25px;font-weight:900;transition:all .2s;display:inline-block}footer{color:#666;border-top:1px solid #222;padding:30px 7%;font-size:13px}.footerInner{justify-content:space-between;max-width:1200px;margin:auto;display:flex}@media (max-width:900px){.navLinks{display:none}.hero{padding-top:130px;display:block}.robotArea{width:330px;height:330px;margin:70px auto 0;position:relative;bottom:auto;right:auto}.cards,.workflow{grid-template-columns:1fr}.technology{grid-template-columns:1fr;gap:50px}.techVisual{height:350px}h1{letter-spacing:-4px}h2{letter-spacing:-2px}section{padding:90px 6%}.footerInner{flex-direction:column;gap:10px}}
