@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#080d1a;--bg2:#0c1425;--card:#141f349e;--line:#97b1e429;--white:#f7faff;--muted:#9baac2;--blue:#4e8cff;--blue2:#8cc5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);margin:0;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#789ad209 1px,#0000 1px),linear-gradient(90deg,#789ad209 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}button,a{font:inherit}button{cursor:pointer}.section-shell{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.header{z-index:20;align-items:center;gap:32px;width:100%;height:82px;padding:0 max(28px,50vw - 590px);transition:all .3s;display:flex;position:fixed;top:0;left:0}.header.solid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#080d1ac7}.brand{color:#fff;letter-spacing:1px;align-items:center;gap:10px;font:700 12px Space Grotesk;text-decoration:none;display:flex}.brand img{object-fit:contain;width:31px;height:31px}.brand span span{color:var(--blue)}nav{gap:25px;margin:auto;display:flex}nav button,.mobile-nav button{color:#bac5d6;background:0;border:0;font-size:13px;transition:all .2s}nav button:hover{color:#fff}.header-cta,.primary{color:#fff;background:linear-gradient(135deg,#387aff,#6b99ff);border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 9px 28px #3775ff40}.header-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 14px 35px #3775ff6b}.menu{color:#fff;background:0 0;border:0;display:none}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:35px;min-height:760px;padding-top:172px;padding-bottom:80px;display:grid}.eyebrow{color:#9fc7ff;text-transform:uppercase;letter-spacing:1.65px;align-items:center;gap:8px;font:700 11px Space Grotesk;display:inline-flex}.hero h1,h2{letter-spacing:-2.8px;margin:19px 0;font:700 clamp(42px,5.5vw,72px)/1.04 Space Grotesk}.hero h1 em,h2 em{color:#0000;background:linear-gradient(100deg,#5d93ff,#b0d6ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{max-width:550px;color:var(--muted);font-size:16px;line-height:1.75}.actions{gap:12px;margin-top:31px;display:flex}.secondary{color:#d9e5f6;background:#1420378c;border:1px solid #a8c1ec5e;border-radius:10px;padding:12px 19px;font-size:13px;font-weight:700}.tech-row{flex-wrap:wrap;gap:8px;margin-top:31px;display:flex}.tech-row span,.tags b{color:#b8d2ff;background:#264b8f26;border:1px solid #6799ef40;border-radius:30px;align-items:center;gap:4px;padding:6px 9px;font-size:11px;font-weight:600;display:flex}.hero-visual{height:440px;position:relative}.orb{filter:blur(18px);border-radius:50%;position:absolute}.orb-a{background:#2563eb55;width:300px;height:300px;top:25px;right:45px}.orb-b{background:#7bb5ff44;width:170px;height:170px;bottom:0;left:15px}.laptop{z-index:2;background:linear-gradient(135deg,#33435e,#101a2c 65%);border-radius:15px 15px 6px 6px;width:89%;padding:9px 9px 28px;animation:5s ease-in-out infinite float;position:absolute;top:35px;right:0;transform:perspective(1000px)rotateY(-8deg)rotateX(3deg);box-shadow:0 35px 65px #0008}.laptop:after{content:"";background:#1a2941;border-radius:0 0 20px 20px;width:112%;height:15px;position:absolute;bottom:0;left:-6%}.screen{background:#111;border-radius:9px;height:265px;overflow:hidden}.screen img{object-fit:cover;object-position:top;width:100%;height:100%}.phone{z-index:3;background:#121b2c;border:3px solid #35415a;border-radius:22px;width:145px;height:278px;padding:7px;animation:5s ease-in-out 1s infinite float;position:absolute;bottom:-15px;left:5%;overflow:hidden;box-shadow:0 20px 35px #0009}.phone img{object-fit:cover;object-position:top;border-radius:13px;width:100%;height:100%}.profile-card{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f192dd1;border:1px solid #97b1e433;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:-30px;right:4%;box-shadow:0 15px 35px #0005}.profile-card img{object-fit:cover;border-radius:8px;width:31px;height:31px}.profile-card div{gap:2px;display:grid}.profile-card span{color:#9fb0ca;font-size:9px}.profile-card i{background:#42d38a;border-radius:50%;width:7px;height:7px}@keyframes float{50%{transform:perspective(1000px)rotateY(-8deg)rotateX(3deg)translateY(-11px)}}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a1120}.trust>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;min-height:82px;margin:auto;padding:0 28px;display:flex}.trust span{color:#aec0db;align-items:center;gap:6px;font-size:12px;display:flex}.trust svg{color:#66a1ff}.about{grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;padding-top:145px;padding-bottom:55px;display:grid}.section-intro h2{margin-bottom:0;font-size:clamp(33px,4vw,52px)}.about>p,.projects-head>p{color:var(--muted);margin-bottom:8px;font-size:15px;line-height:1.8}.features{grid-template-columns:repeat(4,1fr);gap:13px;padding-top:35px;padding-bottom:135px;display:grid}.feature-card,.service-card{border:1px solid var(--line);background:linear-gradient(145deg,#1a2740a6,#0d1526b8);border-radius:15px;padding:23px;transition:all .3s}.feature-card:hover,.service-card:hover{border-color:#588ff766;transform:translateY(-6px);box-shadow:0 15px 45px #2563eb18}.feature-card svg{color:#77adff}.feature-card h3,.service-card h3{margin:22px 0 9px;font:600 17px Space Grotesk}.feature-card p,.service-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.section{padding-top:120px;padding-bottom:130px}.section:before{content:"";filter:blur(90px);pointer-events:none;background:#1d4ed82b;width:350px;height:350px;position:absolute;left:15%}.center{text-align:center}.services-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid;position:relative}.service-card{min-height:216px}.icon-box{color:#fff;background:linear-gradient(135deg,#244b91,#347cfc);border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.icon-box svg{width:20px}.service-card h3{margin-top:20px}.service-card>span{color:#91bbff;align-items:center;gap:7px;margin-top:22px;font-size:12px;font-weight:700;display:flex}.projects{background:linear-gradient(#0c1425,#080d1a);position:relative}.projects-head{grid-template-columns:1fr 350px;align-items:end;gap:90px;display:grid}.project-list{gap:22px;margin-top:60px;display:grid}.project-card{border:1px solid var(--line);background:#121d32a6;border-radius:18px;grid-template-columns:1.15fr .85fr;transition:all .3s;display:grid;overflow:hidden}.project-card:hover{border-color:#5f96ef80;transform:translateY(-5px);box-shadow:0 25px 55px #0006}.project-card:nth-child(2n) .project-image{order:2}.project-image{background:#0f1729;height:325px;position:relative;overflow:hidden}.project-image:after{content:"";background:linear-gradient(90deg,#0000 60%,#101a2c);position:absolute;inset:0}.project-card:nth-child(2n) .project-image:after{background:linear-gradient(270deg,#0000 60%,#101a2c)}.project-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:all .5s}.project-card:hover .project-image img{transform:scale(1.04)}.project-image span{z-index:2;color:#fff;background:#0b1120c9;border-radius:7px;padding:7px 9px;font:600 12px Space Grotesk;position:absolute;top:18px;left:20px}.project-content{flex-direction:column;align-items:flex-start;padding:39px 36px;display:flex}.project-content small{color:#8cb8ff;text-transform:uppercase;letter-spacing:1px;font-size:11px}.project-content h3{margin:8px 0;font:600 29px Space Grotesk}.project-content>p{color:var(--muted);font-size:13px;line-height:1.75}.tags{flex-wrap:wrap;gap:6px;margin:13px 0 25px;display:flex}.tags b{font-size:10px}.project-links{align-items:center;gap:18px;margin-top:auto;display:flex}.project-links a{color:#a8c8ff;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.project-links .code-link{color:#aebbd0}.stats{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);margin-top:110px;margin-bottom:120px;padding-top:0;padding-bottom:0;display:grid;overflow:hidden}.stats div{border-right:1px solid var(--line);gap:7px;padding:31px;display:grid}.stats div:last-child{border:0}.stats strong{color:#91bcff;font:600 30px Space Grotesk}.stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.contact{grid-template-columns:1fr 1fr;gap:80px;padding-top:25px;padding-bottom:140px;display:grid}.contact h2{font-size:clamp(37px,4.6vw,57px)}.contact-spot>p{color:var(--muted);max-width:455px;margin:0 0 25px;font-size:14px;line-height:1.75}.platforms{gap:9px;display:grid}.platforms a{color:#fff;border:1px solid var(--line);background:#121d3273;border-radius:12px;align-items:center;gap:13px;padding:13px;text-decoration:none;transition:all .25s;display:flex}.platforms a:hover{border-color:#6196f5;transform:translate(5px)}.platforms>a>span{color:#91bcff;background:#1b3563;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.platforms div{flex:1}.platforms strong{font-size:13px}.platforms p{color:var(--muted);margin:3px 0 0;font-size:10px}.platforms>a>svg{color:#7f94b1}footer{border-top:1px solid var(--line);color:#91a2ba;justify-content:space-between;align-items:center;padding:25px max(28px,50vw - 590px);font-size:11px;display:flex}footer>a:last-child{color:#b5cefa}.mobile-nav{display:none}@media (width<=800px){.header{height:68px;padding:0 20px}.header nav,.header-cta{display:none}.menu{margin-left:auto;display:block}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);background:#101a2ce8;border-radius:12px;padding:12px;display:grid;position:absolute;top:68px;left:15px;right:15px}.mobile-nav button{text-align:left;color:#d8e5f7;padding:11px}.hero{grid-template-columns:1fr;min-height:0;padding-top:125px;padding-bottom:95px}.hero h1{letter-spacing:-2px}.hero-visual{height:350px;margin-top:14px}.laptop{top:15px}.screen{height:205px}.phone{width:115px;height:220px;bottom:-5px}.profile-card{bottom:-22px;right:0}.trust>div{justify-content:flex-start;padding-top:15px;padding-bottom:15px}.about,.projects-head,.contact{grid-template-columns:1fr;gap:25px;padding-top:90px}.features{grid-template-columns:repeat(2,1fr);padding-bottom:90px}.section{padding-top:80px;padding-bottom:85px}.services-grid{grid-template-columns:1fr 1fr;margin-top:35px}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-image{order:0}.project-image{height:235px}.project-content{padding:28px}.stats{grid-template-columns:1fr 1fr;margin-top:65px;margin-bottom:80px}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact{padding-bottom:90px}footer{gap:15px}.brand span{font-size:10px}}@media (width<=470px){.section-shell{padding-left:20px;padding-right:20px}.hero h1{font-size:40px}.actions{flex-direction:column;align-items:stretch}.features,.services-grid{grid-template-columns:1fr}.hero-visual{height:290px}.screen{height:164px}.phone{width:90px;height:177px;left:0}.laptop{width:94%}.profile-card{font-size:9px}.project-links{gap:12px}.stats div{padding:24px 16px}.trust>div{gap:12px}.trust span{font-size:11px}footer p{display:none}}