@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:Inter,sans-serif;color:#0b0b0d;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.logo{width:108px;height:auto;-o-object-fit:contain;object-fit:contain}header{height:88px;max-width:1440px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}header nav{display:flex;gap:42px}header nav button,.mobile-nav button{border:0;background:none;font-weight:600}.primary,.secondary{border:1px solid #6900c7;min-height:48px;padding:0 22px;font-weight:700}.primary{background:#6900c7;color:#fff}.secondary{background:#fff;color:#6900c7}.menu,.mobile-nav{display:none}main>section{max-width:1380px;margin:auto}.hero{min-height:610px;padding:70px 44px 90px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;position:relative;border-bottom:2px solid #111}.hero h1{font:700 clamp(56px,6.5vw,94px)/.95 "Space Grotesk";letter-spacing:-.065em;margin:0}.hero-copy>p{font-size:19px;line-height:1.65;max-width:570px;margin:30px 0}.actions{display:flex;gap:15px}.shape{position:absolute;background:#6900c7;z-index:-1}.shape.a{width:35px;height:165px;left:0;top:75px}.shape.b{width:62px;height:62px;right:2%;bottom:48px}.mockup{border:2px solid #111;background:#fff;height:410px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 40px #21003820}.mock-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:18px;font-size:13px}.mock-nav b{font-size:18px}.mock-nav b:first-letter{color:#6900c7}.mockup h3{font:700 42px/1.05 Space Grotesk;margin-top:80px}.city{position:absolute;right:30px;bottom:25px;width:45%;height:55%;border-bottom:3px solid #111;display:flex;align-items:flex-end;gap:12px}.city i{width:25%;height:55%;border:2px solid #111}.city i:nth-child(2){height:90%}.city i:nth-child(3){height:70%}.city b{position:absolute;color:#6900c7;font-size:65px;left:37%;top:-30px}.buildgen h3{max-width:300px}.pc{position:absolute;right:60px;top:95px;width:180px;height:260px;border:4px solid #111}.pc i{display:block;margin:15px auto;width:64px;height:64px;border:3px solid #6900c7;border-radius:50%;box-shadow:inset 0 0 0 12px #eee}.ruled{padding:52px 44px;border-bottom:2px solid #111}.ruled>h2,.form-heading h2{font:700 40px Space Grotesk;letter-spacing:-.04em;margin:0 0 38px}.services{display:grid;grid-template-columns:260px 1fr}.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid #6900c7}.service-list article{display:flex;gap:20px;padding:10px 28px}.service-list svg{background:#6900c7;color:#fff;width:58px;height:58px;padding:15px;flex:none}.service-list h3{margin:4px 0 8px}.service-list p,.project-foot p{font-size:14px;line-height:1.5;color:#5c5960;margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.projects .mockup{height:360px}.projects .mockup h3{font-size:32px;margin-top:50px}.project-foot{display:flex;justify-content:space-between;align-items:center;padding:16px}.project-foot h3{font-size:24px;margin:0 0 6px}.project-foot a{display:flex;gap:10px;color:#6900c7;text-decoration:none;border:1px solid #6900c7;padding:14px 18px;font-weight:700;white-space:nowrap}.project-foot svg{width:18px}.price-rail{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #111}.price-rail article{min-height:420px;border-right:1px solid #aaa;padding:0 22px 24px;display:flex;flex-direction:column}.price-rail article:last-child{border:0}.price-rail h3{background:#6900c7;color:#fff;margin:0 -22px 20px;padding:14px;text-align:center}.price-rail strong{font:700 35px Space Grotesk;text-align:center;border-bottom:1px solid #111;padding-bottom:18px}.price-rail p{text-align:center;min-height:48px}.price-rail ul{list-style:none;padding:10px 0;margin:0;display:flex;flex-direction:column;gap:12px}.price-rail li{display:flex;gap:10px;font-size:14px}.price-rail li svg{width:16px;color:#6900c7}.price-rail button{margin-top:auto;background:#fff;border:1px solid #6900c7;color:#6900c7;padding:12px;font-weight:700}.price-rail .custom h3{background:#0b0b0d}.request{display:grid;grid-template-columns:250px 1fr;border:2px solid #111;margin-top:42px;margin-bottom:42px}.request-mark{background:#6900c7;display:grid;place-items:center;color:#fff}.request-mark svg{width:100px;height:100px;stroke-width:1}.request form{padding:34px 44px}.form-heading h2{margin-bottom:5px}.form-heading p{margin:0 0 28px}.form-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.form-grid label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #aaa;padding:11px;background:#fff}.form-grid textarea{height:176px;resize:vertical}.form-grid .check{display:flex;flex-direction:row;align-items:center;font-weight:500}.check input{accent-color:#6900c7}.submit{float:right}.form-status{font-size:13px;margin-top:5px;color:#54505a}.form-status b{color:#6900c7}footer{background:#0b0b0d;color:#fff;padding:45px max(44px,calc((100vw - 1292px)/2));display:grid;grid-template-columns:140px 1fr 120px 230px auto;align-items:start;gap:35px}footer .logo{filter:none}footer p{margin:0;max-width:270px;color:#c8c3cc}footer nav{display:flex;flex-direction:column;gap:8px}footer a{color:#fff;text-decoration:none;font-size:14px}footer span{font-size:13px}.mobile-nav{position:absolute;top:72px;left:0;right:0;z-index:10;background:#fff;border-bottom:2px solid #111;padding:24px;flex-direction:column;gap:22px}@media(max-width:850px){header{height:72px;padding:0 20px}header nav,header>.primary{display:none}.menu{display:block;border:0;background:none}.mobile-nav{display:flex}.hero{padding:50px 20px 60px;grid-template-columns:1fr;gap:45px}.hero h1{font-size:58px}.mockup{height:330px;padding:18px}.mockup h3{font-size:30px;margin-top:48px}.shape{display:none}.ruled{padding:42px 20px}.services{grid-template-columns:1fr}.service-list{grid-template-columns:1fr;border-left:0;border-top:2px solid #6900c7}.service-list article{padding:24px 0;border-bottom:1px solid #ccc}.projects{grid-template-columns:1fr}.projects .mockup{height:300px}.price-rail{grid-template-columns:1fr}.price-rail article{border-right:0;border-bottom:1px solid #aaa;min-height:auto}.price-rail article:last-child{border:0}.price-rail ul{padding-bottom:25px}.price-rail button{margin-bottom:12px}.request{margin:30px 20px;grid-template-columns:1fr}.request-mark{display:none}.request form{padding:28px 20px}.form-grid{grid-template-columns:1fr}.submit{float:none;width:100%}footer{grid-template-columns:1fr;padding:38px 20px}.city{opacity:.5}.actions{flex-direction:column}.actions button{width:100%}}header{animation:drop-in .65s cubic-bezier(.2,.8,.2,1) both}.hero-copy{animation:hero-in .8s .12s cubic-bezier(.2,.8,.2,1) both}.hero>.mockup{animation:hero-card .9s .22s cubic-bezier(.2,.8,.2,1) both}.shape.a{animation:accent-slide .8s .3s both,accent-float 5s 1.1s ease-in-out infinite}.shape.b{animation:accent-pop .7s .45s both,accent-float 4s 1.2s ease-in-out infinite reverse}.ruled,.request{animation:section-reveal linear both;animation-timeline:view();animation-range:entry 5% cover 28%}.service-list article,.projects>article,.price-rail>article{animation:item-rise linear both;animation-timeline:view();animation-range:entry 8% cover 24%}.service-list article:nth-child(2),.projects>article:nth-child(2),.price-rail>article:nth-child(2){animation-range:entry 12% cover 28%}.service-list article:nth-child(3),.price-rail>article:nth-child(3){animation-range:entry 16% cover 32%}.projects .mockup{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,filter .45s ease}.projects>article:hover .mockup{transform:translateY(-9px) scale(1.012);box-shadow:0 28px 65px #3200662e;filter:saturate(1.08)}.project-foot a svg{transition:transform .25s ease}.project-foot a:hover svg{transform:translate(4px,-4px)}.primary,.secondary,.price-rail button,.project-foot a{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}.primary:hover,.secondary:hover,.price-rail button:hover,.project-foot a:hover{transform:translateY(-3px);box-shadow:5px 5px #0b0b0d}.primary:active,.secondary:active,.price-rail button:active,.project-foot a:active{transform:translateY(1px);box-shadow:1px 1px #0b0b0d}.service-list svg{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-radius .35s}.service-list article:hover svg{transform:rotate(-8deg) scale(1.08);border-radius:12px}.request-mark svg{animation:send-float 3s ease-in-out infinite}.form-grid input,.form-grid select,.form-grid textarea{transition:border-color .2s,box-shadow .2s,transform .2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#6900c7;box-shadow:0 0 0 3px #6900c71c;transform:translateY(-1px)}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px)}}@keyframes hero-in{0%{opacity:0;transform:translate(-42px)}}@keyframes hero-card{0%{opacity:0;transform:translate(45px) rotate(1.5deg)}}@keyframes accent-slide{0%{transform:scaleY(0);transform-origin:top}}@keyframes accent-pop{0%{opacity:0;transform:scale(.2) rotate(20deg)}}@keyframes accent-float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes section-reveal{0%{opacity:.15;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes item-rise{0%{opacity:.1;transform:translateY(35px) scale(.98)}to{opacity:1;transform:none}}@keyframes send-float{50%{transform:translate(8px,-8px) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.project-media{height:360px;border:2px solid #111;background:#f7f7fa;overflow:hidden;box-shadow:0 18px 40px #21003818;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.project-media img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .45s ease}.projects>article:hover .project-media{transform:translateY(-9px) scale(1.012);box-shadow:0 28px 65px #3200662e}.projects>article:hover .project-media img{transform:scale(1.035);filter:saturate(1.08)}@media(max-width:850px){.project-media{height:260px}}.ruled,.request{animation:section-reveal .85s .35s cubic-bezier(.2,.8,.2,1) both;animation-timeline:auto}.service-list article,.projects>article,.price-rail>article{animation:item-rise .75s .5s cubic-bezier(.2,.8,.2,1) both;animation-timeline:auto}.service-list article:nth-child(2),.projects>article:nth-child(2),.price-rail>article:nth-child(2){animation-delay:.62s}.service-list article:nth-child(3),.price-rail>article:nth-child(3){animation-delay:.74s}.price-rail>article:nth-child(4){animation-delay:.86s}.work-cloud{height:500px;position:relative;isolation:isolate;animation:hero-card .9s .22s cubic-bezier(.2,.8,.2,1) both}.work-cloud:before{content:"";position:absolute;inset:58px 50px 36px 34px;border:1px solid #d8cbe5;background:linear-gradient(#f5effb 1px,transparent 1px),linear-gradient(90deg,#f5effb 1px,transparent 1px);background-size:42px 42px;z-index:-1}.work-cloud-title{position:absolute;left:4px;top:12px;z-index:5}.work-cloud-title span{display:block;color:#6900c7;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.work-cloud-title strong{font:700 31px/1.05 Space Grotesk;letter-spacing:-.04em}.float-project,.float-detail{position:absolute;display:block;background:#fff;border:2px solid #111;color:#111;text-decoration:none;box-shadow:13px 15px #6900c7;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.float-project img,.float-detail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s}.float-project>span{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border:1px solid #111;padding:9px 11px;display:flex;justify-content:space-between;align-items:center}.float-project b{font:700 17px Space Grotesk}.float-project small{color:#6900c7;font-weight:700}.itinera-float{width:285px;height:285px;right:24px;top:16px;transform:rotate(3deg);animation:tile-float-a 5.5s 1.1s ease-in-out infinite}.buildgen-float{width:225px;height:225px;left:82px;bottom:4px;transform:rotate(-4deg);box-shadow:-11px 13px #0b0b0d;animation:tile-float-b 6.2s 1.25s ease-in-out infinite}.float-detail{width:150px;height:150px;right:54px;bottom:2px;border-color:#6900c7;box-shadow:8px 9px #0b0b0d;transform:rotate(7deg);animation:tile-float-c 4.8s 1.4s ease-in-out infinite}.float-detail img{transform:scale(2.4);filter:saturate(1.2)}.float-detail span{position:absolute;inset:auto 7px 7px;background:#6900c7;color:#fff;padding:7px;font-size:10px;font-weight:700;line-height:1.25}.float-project:hover{z-index:10;transform:rotate(0) translateY(-9px) scale(1.025);box-shadow:16px 19px #6900c7}.float-project:hover img{transform:scale(1.09);filter:saturate(1.15)}@keyframes tile-float-a{50%{translate:0 -12px;rotate:-1deg}}@keyframes tile-float-b{50%{translate:0 10px;rotate:2deg}}@keyframes tile-float-c{50%{translate:8px -8px;rotate:-3deg}}@media(max-width:850px){.work-cloud{height:470px;margin-top:4px}.work-cloud:before{inset:92px 12px 25px}.work-cloud-title{left:12px}.work-cloud-title strong{font-size:24px}.itinera-float{width:215px;height:215px;right:8px;top:112px}.buildgen-float{width:180px;height:180px;left:8px;bottom:0}.float-detail{width:110px;height:110px;right:20px;bottom:3px}.float-project>span{padding:7px}.float-project b{font-size:14px}.float-project small{font-size:10px}}.maintenance-option{border:2px solid #111;border-top:0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:#f7efff}.maintenance-option>div{display:flex;align-items:center;gap:14px}.maintenance-option svg{width:34px;height:34px;padding:7px;background:#6900c7;color:#fff}.maintenance-option span{display:flex;flex-direction:column;gap:3px}.maintenance-option small{font-size:13px;color:#5c5960}.maintenance-option>strong{font:700 28px Space Grotesk;white-space:nowrap}.maintenance-option>strong small{font:500 13px Inter,sans-serif}@media(max-width:600px){.maintenance-option{align-items:flex-start;gap:16px;padding:18px}.maintenance-option>strong{font-size:23px}}