@font-face{font-family:InterLocal;src:local('Inter')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{--bg:#070a10;--panel:#10151e;--muted:#959ba9;--line:#252c38;--blue:#6e9bff;--orange:#f29867;margin:0;background:var(--bg);color:#f2f3f6;font-family:InterLocal,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{border:0}::selection{background:#7298d6;color:#070a10}.header{height:100px;max-width:1536px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid #ffffff0e}.brand{display:inline-flex;align-items:center;gap:12px;font-size:29px;font-weight:600;letter-spacing:-1.1px}.brand img{object-fit:contain}.brand-dot{color:#9caff1}.header nav{display:flex;align-items:center;gap:40px;font-size:14px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--blue)}.header nav span{font-size:11px;color:var(--muted);vertical-align:super;margin-left:5px}.nav-cta{padding:13px 20px;border:1px solid #505765;border-radius:5px}main{overflow:hidden}.hero{max-width:1536px;margin:auto;padding:62px 5% 0;position:relative}.hero:before{content:'';position:absolute;inset:-160px -160px 0 0;background:radial-gradient(ellipse at 70% 45%,#1b28494d,transparent 60%);pointer-events:none;z-index:-1}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;letter-spacing:2px;color:#aeb7c9;font-weight:400}.tiny-cross{color:var(--orange);font-size:18px;margin-right:11px}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:24px}h1{margin:0;font-size:clamp(60px,7.9vw,116px);line-height:.99;letter-spacing:-6px;font-weight:500}h1 em{font-style:normal;background:linear-gradient(110deg,#93baff 12%,#9eabe8 42%,#cfb0a8 72%,#efa77a);background-clip:text;-webkit-text-fill-color:transparent}.hero-heading p{font-size:16px;line-height:1.8;color:#a9afbd;margin:0 0 7px;max-width:300px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.hero-bottom>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:1.4px;color:#7e889c;display:flex;align-items:center;gap:16px}.hero-bottom i{height:3px;width:3px;background:#b2bed5;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;min-height:52px;gap:12px;border-radius:5px;font-size:14px;font-weight:600;transition:background .25s,transform .25s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button.light{background:#edf1f8;color:#131721}.button.light:hover{background:#cddcfa}.showcase{height:370px;position:relative;margin-top:38px;padding:25px 30px 0;isolation:isolate}.showcase:before{content:'';position:absolute;inset:8% -5% 0;background:radial-gradient(ellipse at 50% 90%,#31529455,transparent 69%);z-index:-1}.showcase-window{position:absolute;border:1px solid #7b8ba944;border-radius:9px;overflow:hidden;box-shadow:0 14px 70px #0009;background:#121620;transition:transform .65s cubic-bezier(.2,.7,.2,1);width:46%;padding:0;color:#b6c1d7;text-align:left}.showcase-window.left{left:0;top:48px;transform:rotate(-7deg) scale(.9);transform-origin:50% 100%;z-index:1}.showcase-window.center{left:26%;top:0;z-index:3;width:49%;box-shadow:0 20px 65px #0008}.showcase-window.right{right:0;top:48px;transform:rotate(7deg) scale(.9);transform-origin:50% 100%;z-index:2}.showcase-window:hover,.showcase-window:focus-visible{z-index:4;transform:translateY(-10px) rotate(0) scale(1.02)}.window-bar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:ui-monospace,monospace;font-size:9px;color:#9aa4b6;background:#141a25}.window-dots{display:flex;gap:4px}.window-dots i{height:4px;width:4px;border-radius:50%;background:#657084}.showcase-window img{width:100%;display:block;aspect-ratio:1.9;object-fit:cover;object-position:center}.showcase-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;padding:20px 0 0;font-size:12px;color:#8190aa;letter-spacing:1.4px;background:linear-gradient(0deg,var(--bg),transparent)}.showcase-caption>span:last-child{color:#bbc3d3;letter-spacing:0;font-size:14px}.projects{max-width:1536px;margin:auto;padding:105px 5% 95px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:40px}.section-heading h2{font-size:clamp(30px,3.3vw,48px);line-height:1.14;font-weight:450;letter-spacing:-1.7px;margin:15px 0 0}.section-heading h2 em{font-style:normal;color:#7e8a9f}.section-heading>p{font-size:14px;color:var(--muted);max-width:230px;line-height:1.6;margin:0 0 3px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px;gap:16px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;color:#a3aaba;border-radius:5px;padding:12px 17px;font-size:14px;transition:all .2s;min-height:44px}.filters button:hover{color:white;border-color:#39435a}.filters button.active{color:#e9edf8;background:#202b41;border-color:#3d5075}.filters span{font-size:11px;color:#8b99b2;margin-left:9px}.hover-hint{font-size:12px;color:#737e92;white-space:nowrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.project-card{min-width:0}.project-card[hidden]{display:none}.card-screen{position:relative;background:#121822;border:1px solid #2a3240;border-radius:8px;overflow:hidden;isolation:isolate;transition:border-color .3s,box-shadow .3s}.card-screen:hover,.project-card:focus-within .card-screen{border-color:#60759b;box-shadow:0 15px 40px #0004}.screen-button{width:100%;padding:0;display:block;background:transparent;text-align:left;position:relative;aspect-ratio:1.67;overflow:hidden}.screen-button img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .6s}.screen-button img.hover-image{position:absolute;inset:0;opacity:0}.screen-shade{position:absolute;inset:0;background:linear-gradient(0deg,#05070ecc,transparent 45%);opacity:.4;transition:opacity .3s}.screen-label{position:absolute;bottom:18px;left:18px;padding:8px 11px;background:#070c17d9;border:1px solid #ffffff25;border-radius:4px;display:flex;gap:7px;align-items:center;font-size:11px;letter-spacing:.4px}.screen-label svg{width:14px;height:14px;color:#a6c4ff}.preview-trigger{position:absolute;bottom:18px;right:18px;padding:10px 14px;background:#f3f5fa;color:#111928;border:1px solid #ffffff70;border-radius:4px;font-size:12px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;pointer-events:none}.screen-button:hover .preview-trigger,.screen-button:focus-visible .preview-trigger{opacity:1;transform:none}.card-info{display:flex;justify-content:space-between;gap:18px;padding:19px 0 0;align-items:flex-start}.card-info h3{font-size:23px;letter-spacing:-.65px;font-weight:500;margin:0 0 7px}.card-info p{margin:0;color:#8993a5;font-size:14px;line-height:1.6}.card-number{font-family:ui-monospace,monospace;color:#647089;font-size:11px;letter-spacing:.8px;margin-right:10px}.open-demo{font-size:12px;white-space:nowrap;border-bottom:1px solid #555f72;padding:7px 0;color:#c7d2e5;min-height:36px;transition:color .2s,border-color .2s}.open-demo:hover{color:#91b6ff;border-color:#91b6ff}.card-info-main{min-width:0}.contact{max-width:1382px;margin:0 auto 32px;padding:48px 48px 30px;position:relative;overflow:hidden;border:1px solid #323c53;border-radius:10px;background:radial-gradient(ellipse at 110% 120%,#49382d75,transparent 55%),radial-gradient(ellipse at 0% 0%,#1d335266,transparent 80%),#111721}.contact:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff08;border-radius:50%;right:-270px;top:-140px;box-shadow:0 0 0 65px #ffffff02,0 0 0 130px #ffffff02;pointer-events:none}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-brand{font-size:12px;letter-spacing:5px;color:#738099}.contact h2{font-size:clamp(38px,5.4vw,78px);font-weight:450;line-height:1.06;letter-spacing:-3px;margin:50px 0 38px;position:relative;z-index:1}.contact h2 em{font-style:normal;color:#98a7be}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}.contact p{font-size:16px;color:#aab4c5;line-height:1.7;margin:0}.contact-details{display:flex;gap:32px;padding-top:30px;margin-top:35px;border-top:1px solid #ffffff15;position:relative;z-index:1;font-size:14px;color:#aeb9ce}.contact-details a:hover{color:white}footer{max-width:1536px;margin:auto;padding:32px 5% 40px;display:flex;align-items:center;gap:32px;color:#7b869a;font-size:12px}footer .brand{color:#d7deeb;font-size:23px;margin-right:auto}footer p{margin:0}footer>a:last-child{border-bottom:1px solid #46546c;padding:8px 0}dialog{padding:0;background:#10151e;color:#f2f3f6;border:1px solid #4b5770;border-radius:12px;max-width:1060px;width:calc(100% - 40px);max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#03060be8;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;gap:20px}.dialog-header h2{font-size:25px;letter-spacing:-.7px;font-weight:500;margin:4px 0 0}.dialog-header .eyebrow{font-size:10px}.icon-button{width:44px;height:44px;border:1px solid #3d485c;border-radius:50%;background:transparent;font-size:28px;font-weight:300;line-height:1;flex-shrink:0}.icon-button:hover{background:#27344b}.dialog-screen{max-height:62dvh;overflow:auto;background:#070a10}.dialog-screen img{display:block;width:100%;height:auto}.dialog-footer{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.dialog-footer p{font-size:14px;line-height:1.5;color:#a2aec2;margin:0;max-width:620px}.dialog-footer .button{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-card{animation:card-in .4s both}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.screen-button:hover img:not(.hover-image){transform:scale(1.025)}.screen-button:hover .hover-image.loaded,.screen-button:focus-visible .hover-image.loaded{opacity:1;transform:scale(1.025)}}@media(min-width:1600px){.contact{max-width:1382px}.showcase{height:430px}.showcase-window img{aspect-ratio:1.85}}@media(max-width:1500px){.contact{margin-left:5%;margin-right:5%}}@media(max-width:1000px){.hero-heading p{font-size:14px;max-width:240px}h1{letter-spacing:-4px}.hero{padding-top:50px}.header nav{gap:24px}.showcase{height:310px}.hero-bottom>span{font-size:9px;letter-spacing:.7px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading>p{max-width:none}.projects{padding-top:75px}.contact{padding:35px}.project-grid{gap:35px 22px}.card-info{gap:10px}.card-info h3{font-size:20px}.hover-hint{display:none}}@media(max-width:700px){html{scroll-padding-top:24px}.header{height:80px;padding:0 6%}.brand{font-size:26px;gap:8px}.brand img{width:30px;height:30px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:12px 13px}.hero{padding:40px 6% 0}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero-heading{display:block;margin-top:25px}h1{font-size:clamp(49px,10.8vw,77px);letter-spacing:-3px;line-height:1.03}.hero-heading p{font-size:14px;line-height:1.65;max-width:350px;margin:24px 0 0}.hero-heading p br{display:none}.hero-bottom{margin-top:24px;display:block}.hero-bottom>span{margin-top:24px;font-size:9px;gap:10px;letter-spacing:.5px}.button{padding:15px 19px;font-size:13px;min-height:48px}.showcase{height:255px;margin:32px -1% 0;padding:0}.showcase-window{width:68%}.showcase-window.center{width:78%;left:11%;top:18px}.showcase-window.left{left:-10%;top:0;transform:rotate(-9deg) scale(.85)}.showcase-window.right{right:-10%;top:33px;transform:rotate(9deg) scale(.85)}.showcase-window img{aspect-ratio:1.7}.window-bar{height:19px;font-size:7px;padding:0 8px}.showcase-caption{padding-top:16px;font-size:9px;letter-spacing:.9px}.showcase-caption>span:last-child{font-size:11px}.projects{padding:65px 6% 60px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:32px;letter-spacing:-1.2px;max-width:330px;line-height:1.1;margin-top:13px}.section-heading h2 em{display:block;margin-top:3px}.section-heading>p{font-size:13px}.catalog-toolbar{padding-bottom:20px;margin-bottom:24px}.filters{gap:5px;flex-wrap:nowrap;width:100%;justify-content:flex-start}.filters button{font-size:12px;padding:10px 9px;white-space:nowrap}.filters span{font-size:9px;margin-left:4px}.project-grid{grid-template-columns:1fr;gap:32px}.screen-button{aspect-ratio:1.55}.card-info h3{font-size:22px}.card-info p{font-size:13px}.card-number{font-size:10px;margin-right:7px}.card-info{padding-top:15px}.open-demo{font-size:11px}.preview-trigger{opacity:1;transform:none;font-size:11px;padding:9px 12px;bottom:12px;right:12px}.screen-label{bottom:12px;left:12px;font-size:10px;padding:7px 9px}.contact{margin:0 6% 8px;padding:29px 24px 24px;border-radius:8px}.contact-brand{display:none}.contact h2{font-size:41px;letter-spacing:-1.9px;line-height:1.08;margin:35px 0 25px}.contact-bottom{display:block}.contact p{font-size:14px}.contact .button{margin-top:24px;width:100%}.contact-details{display:flex;flex-direction:column;gap:15px;padding-top:24px;margin-top:28px;font-size:13px}footer{padding:25px 6% 30px;gap:18px;flex-wrap:wrap;font-size:11px}footer .brand{flex:1 0 60%;font-size:22px}footer p{order:3;flex:1 0 100%;padding-top:5px;font-size:11px}footer>span{font-size:10px}footer>a:last-child{margin-left:auto;order:2}dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.dialog-header{padding:18px}.dialog-header h2{font-size:22px}.dialog-footer{padding:18px;display:block}.dialog-footer .button{width:100%;margin-top:15px}.dialog-screen{max-height:55dvh}.dialog-footer p{font-size:13px}}@media(max-width:370px){.filters button{font-size:11px;padding:10px 7px}.filters span{display:none}.hero-bottom>span{font-size:8px}.contact h2{font-size:35px}.showcase{height:220px}h1{letter-spacing:-2.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.showcase-window:hover{transform:none}.hover-hint{display:none}}@media(hover:none){.hover-hint{display:none}.preview-trigger{opacity:1;transform:none}}@media(min-width:701px) and (max-width:800px){.filters button{font-size:12px;padding:11px}.filters span{margin-left:5px}}
.cool-cover{padding:8% 7%;background:radial-gradient(ellipse at 100% 20%,#123e6d,transparent 65%),#071321;color:#e3f1ff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cool-kicker{font-size:10px;letter-spacing:2px;position:relative;z-index:1;color:#8bb5d7}.cool-title{font-size:clamp(30px,4.2vw,64px);line-height:1.04;letter-spacing:-2px;font-weight:450;margin:22px 0 13px;position:relative;z-index:1}.cool-title em{font-style:normal;color:#6bbbe4}.cool-note{font-size:12px;color:#9db3c5;position:relative;z-index:1;margin-bottom:24px}.cool-orbit{position:absolute;width:60%;aspect-ratio:1;border:1px solid #8fccff1c;border-radius:50%;right:-10%;top:5%;box-shadow:0 0 0 30px #8fccff04,0 0 0 60px #8fccff04;transition:transform 1s}.cool-cover:hover .cool-orbit{transform:scale(1.2)}.cool-cover:hover .preview-trigger,.cool-cover:focus-visible .preview-trigger{opacity:1;transform:none}.preview-switch{padding:0 28px 18px;display:flex;align-items:center;gap:8px}.preview-switch button{background:transparent;color:#9da9bc;border:1px solid #37445b;padding:10px 14px;border-radius:4px;font-size:13px;min-height:40px}.preview-switch button.active{background:#243149;border-color:#5b759b;color:#eaf1ff}.preview-switch span{font-size:11px;margin-left:auto;color:#7f8ea7}.screen-button:focus-visible .preview-trigger{opacity:1;transform:none}@media(max-width:700px){.cool-title{font-size:41px;margin:17px 0 9px}.cool-kicker{font-size:8px}.cool-note{font-size:10px}.preview-switch{padding:0 18px 15px;flex-wrap:wrap}.preview-switch button{font-size:12px;padding:9px 12px}.preview-switch span{font-size:10px;margin:3px 0 0;flex:1 0 100%}.cool-cover{padding-bottom:50px}}@media(min-width:701px) and (max-width:850px){.cool-kicker{font-size:8px}.cool-note{font-size:10px}.cool-title{margin:14px 0 10px}}

.hero{isolation:isolate}.dialog-screen img{min-height:150px}.open-demo{min-height:44px;display:inline-flex;align-items:center}.card-info-main h3{overflow-wrap:anywhere}body:has(dialog[open]){overscroll-behavior:contain}

.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:#edf1f8;color:#10151e;padding:15px 20px;border-radius:5px}.skip-link:focus{top:15px}.dialog-screen img[hidden],#preview-error[hidden]{display:none}#preview-error{padding:48px 28px;line-height:1.7;color:#bcc8da;margin:0}html:not(.js-ready) .catalog-toolbar{display:none}.error-page{max-width:1200px;margin:auto;padding:100px 6%}.error-page h1{font-size:clamp(44px,7vw,90px);letter-spacing:-3px;margin:30px 0}.error-page p{font-size:16px;color:#aab4c5;line-height:1.7;max-width:470px;margin-bottom:30px}@media(max-width:700px){.error-page{padding-top:65px}}