:root{--bg:#070b1b;--panel:#0d1730;--text:#f4f7ff;--muted:#a5b1ce;--blue:#35baff;--purple:#9561ff;--line:rgba(139,166,255,.16);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.header{height:82px;width:min(1280px,calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff08;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:700 14px/1.2 var(--display)}.brand small{display:block;font:600 9px var(--font);letter-spacing:2px;color:#8b9cc5;margin-top:4px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#31c8ff,#6547ff);font-size:20px;box-shadow:0 0 28px #2c8dff30}.header nav{display:flex;align-items:center;gap:30px;color:#b7c2de;font-size:12px}.header nav a:hover{color:#55c8ff}.navbtn{padding:10px 15px;border:1px solid #5b67ff;border-radius:9px;background:linear-gradient(110deg,#177ee9,#6645f5);color:#fff}.menu{display:none;background:transparent;border:0;color:#fff;font-size:24px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding-top:44px;padding-bottom:64px;position:relative}.hero-copy{z-index:2}.eyebrow,label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#5ccaff}.eyebrow{display:inline-block;padding:8px 12px;border:1px solid #2867a85c;background:#1024489c;border-radius:99px;margin-bottom:22px}.hero h1{font:700 clamp(40px,5vw,62px)/1.08 var(--display);letter-spacing:-2.8px;margin:0 0 20px}.gradient{background:linear-gradient(100deg,#4bd4ff,#5f8dff 46%,#bb6bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.about-copy>p,.contact-copy>p{color:#aebbd7;font-size:14px;line-height:1.85}.hero-copy>p{max-width:510px;margin-bottom:26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:10px;font-weight:700;font-size:12px;border:1px solid transparent;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(105deg,#168eea,#6948f5);color:white;box-shadow:0 8px 28px #2d65f33b}.secondary{border-color:#34466b;background:#0b1225;color:#e6edff}.proof{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:12px}.check{width:35px;height:35px;display:grid;place-items:center;border:1px solid #2a77a4;border-radius:50%;color:#6be7ff}.proof small{display:block;color:#8f9fbd;font-size:10px;margin-top:3px}.hero-art{min-height:390px;display:grid;place-items:center;position:relative;perspective:900px}.orbit{position:absolute;border:1px solid #3574ff44;border-radius:50%;transform:rotate(-20deg);animation:orbitPulse 6s ease-in-out infinite}.o1{width:430px;height:220px}.o2{width:350px;height:300px;transform:rotate(55deg);border-color:#934cff36}.code{width:min(410px,100%);position:relative;z-index:2;background:linear-gradient(145deg,#111d3b,#080e20);border:1px solid #3c7ffb77;border-radius:15px;box-shadow:0 28px 70px #0008,0 0 45px #2774ff24;transform:rotateY(-8deg);animation:float 6s ease-in-out infinite}.codehead{height:42px;border-bottom:1px solid #27375a;display:flex;align-items:center;justify-content:space-around;color:#8ea2ca;font-size:10px}.codehead>span:first-child{color:#ff7b9c}.live{color:#51dfb3;font-size:8px}.code pre{padding:18px 15px;font:12px/2.1 ui-monospace,monospace;color:#d7e6ff;overflow:hidden}.code pre i{display:inline-block;width:25px;color:#506285;font-style:normal}.code pre b{color:#c48bff}.code pre em{color:#64cfff;font-style:normal}.code pre strong{color:#79e7be;font-weight:500}.terminal{display:flex;justify-content:space-between;border-top:1px solid #243354;padding:11px 15px;color:#69d9b9;font-size:9px}.terminal span{color:#8ea4c8}.float{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid #3674df77;background:#0b1731ed;box-shadow:0 10px 35px #0005;font-size:18px;animation:float 5s ease-in-out infinite}.float small{font-size:8px;letter-spacing:1px;color:#8fa6d4}.f1{top:25px;left:3%}.f2{top:35px;right:0;animation-delay:-1s;color:#65cfff}.f3{bottom:44px;left:0;animation-delay:-2s;color:#65cfff}.f4{bottom:35px;right:5%;animation-delay:-.8s;color:#65cfff}.art-caption{position:absolute;bottom:-2px;color:#9db1d7;font-size:10px;letter-spacing:1px}.scroll{position:absolute;bottom:12px;left:0;color:#6e83ab;font-size:8px;letter-spacing:2px}.section{padding-top:78px;padding-bottom:82px}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.heading label,.about-copy label,.contact-copy label{display:block;margin-bottom:10px}.heading h2,.about-copy h2,.contact-copy h2{font:700 clamp(29px,3.5vw,42px)/1.15 var(--display);letter-spacing:-1.5px;margin:0}.heading>p{color:#99a8c9;max-width:370px;font-size:12px;line-height:1.8;margin:0 0 3px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{min-height:220px;padding:21px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#101a33e8,#0a1124f5);transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.card:hover,.project:hover{transform:translateY(-5px);border-color:#467ce77a}.ico{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:23px;margin-bottom:15px;background:#172c52}.blue{color:#55caff;background:#10304b}.purple{color:#c28cff;background:#291c4c}.cyan{color:#5be6ed;background:#10363f}.pink{color:#ff8fe1;background:#3b1e45}.orange{color:#ffb36a;background:#392b25}.green{color:#5de4b3;background:#123c35}.yellow{color:#ffda76;background:#3b3420}.card h3,.project h3,.steps h3{font:600 14px/1.4 var(--display);margin:0 0 8px}.card p,.project p,.steps p{font-size:11px;color:#9eacc9;line-height:1.75;margin:0 0 13px}.card>a{font-size:10px;font-weight:700;color:#54caff}.about{padding:70px 0;background:linear-gradient(110deg,#0b1530b0,#090e20c9);border-block:1px solid #172343}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:75px}.about-art{min-height:330px;display:grid;place-items:center;position:relative;border-radius:20px;background:radial-gradient(ellipse at center,#14386b6b,transparent 68%)}.gridlines{position:absolute;inset:15px;background-image:linear-gradient(#4377d51a 1px,transparent 1px),linear-gradient(90deg,#4377d51a 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.ring{position:absolute;width:250px;height:250px;border:1px solid #399bff6b;border-radius:50%;box-shadow:0 0 55px #286fff21,inset 0 0 45px #286fff12;animation:spin 22s linear infinite}.ring:before,.ring:after{content:"";position:absolute;border:1px solid #9464ff80;border-radius:50%;inset:23px;transform:rotateX(65deg) rotateZ(25deg)}.ring:after{inset:45px;transform:rotateY(65deg) rotateZ(-35deg);border-color:#42d8ff6b}.monogram{position:relative;z-index:2;font:700 90px var(--display);letter-spacing:-9px;background:linear-gradient(140deg,#fff,#7bdcff 45%,#7758ff);color:transparent;-webkit-background-clip:text}.monogram span{color:#a66bff}.tag{position:absolute;z-index:3;font-size:8px;letter-spacing:1px;padding:9px 11px;background:#101c38;border:1px solid #2c5c9c;border-radius:8px}.tag.top{top:35px;left:0}.tag.bottom{bottom:36px;right:0;color:#b8c9e7;letter-spacing:.3px}.about-copy>p{font-size:12px}.values{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0;font-size:10px;color:#d1dcf3}.values span: first-letter{color:#52dcb7}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pills span{font-size:9px;color:#a9c3ee;padding:5px 8px;border:1px solid #29416b;border-radius:6px;background:#101c35}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{padding:12px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#101a33,#0a1123);transition:.3s}.preview{height:175px;border-radius:10px;overflow:hidden;position:relative;margin-bottom:17px;border:1px solid #283c63}.store{background:linear-gradient(145deg,#e9e6de,#b6d0d2);color:#1b2935;padding:12px}.mocknav{display:flex;justify-content:space-between;font-size:9px;font-weight:bold}.storebanner{margin-top:15px;padding:14px;background:linear-gradient(120deg,#c7ded6,#f2d5c2);height:105px;display:flex;flex-direction:column;align-items:flex-start}.storebanner small{font-size:7px;letter-spacing:1px}.storebanner b{font:700 20px/1.05 var(--display);margin:6px 0}.storebanner span{font-size:7px;background:#192d39;color:white;padding:5px 8px}.products{display:flex;gap:7px;margin-top:7px}.products i{height:20px;flex:1;background:#d2b9a3;border-radius:3px}.products i:nth-child(2){background:#a8c5c6}.products i:nth-child(3){background:#d3d1bd}.dashboard{display:flex;background:#0b1329;padding:11px;gap:10px}.dashboard aside{width:27px;background:#111f3e;border-radius:5px;color:#57caff;padding:9px 6px;font-size:10px}.dashboard hr{border:0;border-top:1px solid #26385c;margin:13px 0}.dashbody{flex:1;padding:7px}.dashbody>b{font-size:10px}.statrow{display:flex;gap:7px;margin:12px 0}.statrow i{height:26px;flex:1;border:1px solid #243e70;background:#142447;border-radius:4px}.chart{height:68px;display:flex;align-items:end;gap:6px;padding:8px;border:1px solid #243e70;border-radius:5px}.chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#43caff,#7054ff);height:35%}.chart i:nth-child(2n){height:65%}.chart i:nth-child(3n){height:90%}.cloud{background:radial-gradient(circle at center,#193e80,#081329 72%);display:grid;place-items:center}.cloudicon{font-size:58px;color:#50caff;text-shadow:0 0 30px #318aff}.node{position:absolute;padding:8px 11px;border:1px solid #3d78e8;background:#0c1d3b;border-radius:7px;font-size:10px;color:#8fdcff}.n1{top:25px;left:20px}.n2{top:27px;right:20px}.n3{bottom:27px;left:35%}.cloudtext{position:absolute;bottom:9px;font-size:8px;letter-spacing:1.5px;color:#9ab8ed}.project>label{font-size:8px}.project h3{margin-top:6px}.project>p{margin-top:8px}.tech{background:#0b1022;border-block:1px solid #172343}.techgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.techgrid>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 4px;border:1px solid #1d2d4d;border-radius:10px;background:#0c152b;color:#9eb1d2;font-size:9px}.techgrid b{font:700 23px var(--display)}.t-react,.t-docker{color:#45d8ff}.t-node{color:#77e5a6}.t-js{color:#ffdc65}.t-py{color:#77b9ff}.t-db{color:#c4a6ff}.t-aws{color:#ffb957;font-size:18px!important}.t-kube{color:#5799ff}.t-git{color:#ff816d}.t-linux{color:#eee}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{padding:21px;border:1px solid var(--line);border-radius:12px;background:#0c1429}.steps article>b{font:700 26px var(--display);color:#5bbcff}.steps h3{margin-top:17px}.contact{padding:75px 0;background:linear-gradient(110deg,#0c1732,#090e20);border-top:1px solid #1a2b4b}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.contact-copy>p{max-width:440px}.contact-detail{display:flex;gap:13px;margin-top:23px;align-items:flex-start}.contact-detail>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #2d538b;border-radius:10px;color:#5bcaff;background:#10203d}.contact-detail small{display:block;color:#6f8dbd;font-size:8px;letter-spacing:1.4px}.contact-detail a,.contact-detail b{font-size:12px;display:block;margin:4px 0}.hint{display:block;color:#8091b1;font-size:9px;margin-top:5px}.contact-note{margin-top:28px;color:#8fa5ca;font-size:10px}.form{padding:27px;border:1px solid #293d66;border-radius:15px;background:linear-gradient(145deg,#111d39,#0b1226);box-shadow:0 20px 60px #0002}.formlabel{font-size:9px}.form h3{font:600 22px var(--display);margin:8px 0}.form>p{font-size:10px;color:#8fa0c1;margin:0 0 20px}.form label{display:block;color:#b8c7e2;font-size:10px;letter-spacing:.2px;margin-bottom:15px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;margin-top:7px;padding:12px;background:#080f20;border:1px solid #29395a;border-radius:8px;color:#edf3ff;outline:none;font-size:11px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#528fff}.form textarea{resize:vertical}.form .btn{width:100%}.form .hint{margin-top:13px;line-height:1.5}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0}.footer-top>p{font-size:10px;color:#8e9dbb}.footlinks{display:flex;gap:18px;font-size:10px;color:#a8b8d6}.footlinks a:hover{color:#5bcaff}.footer-bottom{border-top:1px solid #192644;padding:16px 0 22px;display:flex;justify-content:space-between;align-items:center;color:#7284a6;font-size:9px}.footer-bottom b{color:#60d8ff}.footer-bottom>a{font-size:17px;color:#67caff}.reveal{opacity:1;visibility:visible;transform:none;transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;visibility:visible;transform:translateY(0)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes orbitPulse{0%,100%{opacity:.45;scale:1}50%{opacity:.9;scale:1.04}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:980px){.header nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:47px}.services{grid-template-columns:repeat(2,1fr)}.techgrid{grid-template-columns:repeat(5,1fr)}.about-layout{gap:35px}.service-card{min-height:200px}}@media(max-width:700px){.wrap,.header{width:calc(100% - 32px)}.header{height:72px}.menu{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px;background:#0b1327;border:1px solid #27395b;border-radius:12px;flex-direction:column;align-items:stretch;gap:18px}.header nav.open{display:flex}.navbtn{text-align:center}.hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:66px;gap:18px}.hero h1{font-size:clamp(40px,11vw,55px);letter-spacing:-2px}.hero-art{min-height:340px;margin:0 0 12px}.code{width:min(390px,90%)}.o1{width:90%;height:180px}.o2{width:75%;height:240px}.f1{left:0}.f2{right:0}.f3{left:0;bottom:35px}.f4{right:0;bottom:32px}.scroll{display:none}.section{padding-top:58px;padding-bottom:60px}.heading{display:block}.heading>p{margin-top:15px}.services{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px 13px;min-height:235px}.card h3{font-size:12px}.card p{font-size:10px}.about{padding:50px 0}.about-layout{grid-template-columns:1fr;gap:25px}.about-art{min-height:260px}.ring{width:210px;height:210px}.monogram{font-size:75px}.tag.top{left:5px;top:22px}.tag.bottom{right:0;bottom:22px}.projects{grid-template-columns:1fr}.preview{height:205px}.techgrid{grid-template-columns:repeat(5,1fr);gap:7px}.techgrid>div{padding:12px 2px;font-size:8px}.steps{grid-template-columns:1fr 1fr}.contact{padding:55px 0}.contact-layout{grid-template-columns:1fr;gap:30px}.form{padding:20px}.footer-top{flex-wrap:wrap}.footer-top>p{width:100%;order:3;margin:0}.footlinks{gap:12px}.footer-bottom{gap:10px;flex-wrap:wrap}.formrow{grid-template-columns:1fr}}@media(max-width:390px){.services{grid-template-columns:1fr}.card{min-height:0}.hero-actions .btn{width:100%}.techgrid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr}.footlinks{width:100%;justify-content:space-between}.float{padding:8px;font-size:15px}.float small{font-size:7px}}