@font-face{font-family:Montserrat;src:url('assets/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#080c12;color:#f3f6fa;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.06em;line-height:1.06}em{font-style:normal;color:#64d9fc}h2{font-size:clamp(36px,4.6vw,65px)}h3{font-size:22px;font-weight:600;letter-spacing:-.035em}p{line-height:1.8}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.section{padding-block:115px}.section-label,.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em}.section-label{color:#8e9aa9;margin-bottom:42px}.muted{color:#a2aeba}.cyan{color:#64d9fc}.header{height:94px;max-width:1440px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #26313b}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{border-radius:50%}.brand>span{position:relative;font-size:15px;letter-spacing:.07em;line-height:1.1;font-weight:700}.brand b{font-size:12px;letter-spacing:.48em;font-weight:500}.brand i{position:absolute;top:0;right:-12px;font-size:9px;font-style:normal}.header nav{display:flex;gap:30px;font-size:12px}.header nav a:hover,.social:hover{color:#64d9fc}.nav-cta{font-size:12px;border-bottom:1px solid #64d9fc;padding:11px 0}.nav-cta span{margin-left:15px;color:#64d9fc;font-size:20px}.menu-toggle{display:none}.mobile-nav{padding:18px 25px;border-bottom:1px solid #26313b}.mobile-nav a{padding:14px 0;display:block}.hero{padding-top:55px}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{height:6px;width:6px;background:#64d9fc;border-radius:50%;box-shadow:0 0 12px #64d9fc}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:28px 0 48px}h1{font-size:clamp(56px,6.6vw,96px);font-weight:600}.hero-intro{max-width:285px;padding-bottom:5px}.hero-intro>p:first-child{font-size:20px;line-height:1.5;font-weight:500}.hero-intro .muted{font-size:13px;line-height:1.8;margin:18px 0}.text-link{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:24px;padding:11px 0;border-bottom:1px solid #3b505e}.text-link span{color:#64d9fc;font-size:20px}.hero-visual{display:block;position:relative;overflow:hidden;height:500px;background:#121820;border:1px solid #364251;border-radius:3px}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .6s}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080c1238,transparent 35%,#080c12bc)}.hero-visual:hover>img{transform:scale(1.025)}.visual-top,.visual-bottom{position:absolute;z-index:1;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}.visual-top{top:26px}.glass-label{background:#080c1299;border:1px solid #ffffff4d;padding:10px 13px;font-size:9px;letter-spacing:.1em;backdrop-filter:blur(9px)}.visual-index{font-size:11px;letter-spacing:.15em}.visual-bottom{bottom:32px;align-items:flex-end}.visual-bottom small{font-size:9px;letter-spacing:.13em}.visual-bottom strong{display:block;font-size:38px;line-height:1.1;letter-spacing:-.04em;margin-top:13px;font-weight:500}.play{display:flex;align-items:center;gap:14px;font-size:12px}.play>span{width:44px;height:44px;border:1px solid #ffffff77;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;backdrop-filter:blur(5px)}.hero-foot{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #26313b;font-size:9px;letter-spacing:.13em;color:#9fadb9}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.lead{font-size:24px;line-height:1.5;letter-spacing:-.03em;margin-bottom:24px}.experience-grid .muted{font-size:14px}.feature-lines{margin-top:32px}.feature-lines>div{display:grid;grid-template-columns:30px 1fr;gap:10px;border-top:1px solid #28313e;padding:22px 0}.feature-lines span{color:#64d9fc;font-size:11px;padding-top:3px}.feature-lines b{font-size:15px;font-weight:500}.feature-lines p{grid-column:2;font-size:12px;color:#9fadb9;line-height:1.7}.projects{background:#101720;border-block:1px solid #273443}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:55px}.section-head>p{font-size:13px;max-width:310px;color:#a2aeba}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-image{height:300px;display:block;overflow:hidden;position:relative;background:#070b10}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image:hover img{transform:scale(1.045)}.project-image.yandex img{height:178%;max-width:none;position:absolute;top:-40%;object-fit:cover}.project-image.zula img{object-position:center 67%}.project-tag{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:.1em;background:#090e15ce;padding:9px;border:1px solid #ffffff38}.round-arrow{position:absolute;bottom:14px;right:14px;border:1px solid #ffffff6b;background:#080c1280;display:grid;place-items:center;width:35px;height:35px;border-radius:50%}.project-number{font-size:9px;letter-spacing:.1em;color:#99a9b9;margin:26px 0 12px}.project h3{font-size:28px}.project p{font-size:12px;color:#a2aeba;margin-top:16px;min-height:65px}.project .text-link{margin-top:12px}.uses>div{display:grid;grid-template-columns:55px 1fr 1.2fr 30px;gap:25px;align-items:center;padding:28px 0;border-top:1px solid #2b343e}.uses>div:last-child{border-bottom:1px solid #2b343e}.uses span{font-size:11px;color:#8a98a8}.uses h3{font-size:24px}.uses p{font-size:12px;color:#a2aeba;max-width:390px}.uses b{color:#64d9fc;font-size:26px;font-weight:400}.concept-heading{margin:85px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.concept-heading h3{font-size:25px}.concept-heading p{font-size:11px;color:#9fadb9;max-width:390px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:25px}.concepts figure{margin:0;position:relative;background:#101720;border:1px solid #26313b}.concepts img{width:100%;height:430px;object-fit:cover;object-position:center 45%}.concepts figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px;font-size:9px;letter-spacing:.07em}.concepts figcaption b{font-size:8px;color:#acc0d0;font-weight:400;border:1px solid #3c4b5a;padding:6px 8px}.process{border-block:1px solid #273443;background:#0d141d}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:55px}.steps span{font-size:12px;color:#64d9fc}.steps h3{font-size:23px;margin:24px 0 16px}.steps p{font-size:12px;color:#a2aeba}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:clamp(42px,5.5vw,75px)}.contact .muted{font-size:13px;margin:28px 0}.email{font-size:clamp(16px,1.7vw,23px);border-bottom:1px solid #46596a;padding:14px 0;display:inline-flex;gap:20px;align-items:center;letter-spacing:-.03em}.email span{color:#64d9fc}.social{display:block;font-size:12px;margin-top:24px;color:#adbac6}form{border:1px solid #2c3946;padding:32px;background:#0e151e}form h3{font-size:20px;margin-bottom:26px}label{display:block;font-size:11px;color:#b6c1cc;margin-top:20px}input,textarea{display:block;margin-top:10px;width:100%;border:0;border-bottom:1px solid #435160;background:transparent;color:#f3f6fa;padding:10px 0 12px;font-size:13px;border-radius:0;resize:vertical}input::placeholder,textarea::placeholder{color:#7f8a98}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:23px}.button{width:100%;padding:17px 20px;background:#77ddfc;color:#051018;border:0;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-top:25px}.button:hover{background:#b4edff}.button span{font-size:22px}.form-note{font-size:9px;color:#99a8b8;margin-top:15px;line-height:1.7}#form-status{font-size:11px;color:#77ddfc;margin-top:10px}footer{border-top:1px solid #2c3946;padding:38px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:40px}.footer-top p{font-size:12px;color:#9baab9}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid #25313e;padding-top:23px;display:flex;align-items:center;gap:30px;color:#8394a5;font-size:10px}.powered{margin-left:auto;display:flex;gap:7px;align-items:center}.powered strong{font-size:15px;color:#eef5fa;font-weight:600;letter-spacing:-.04em}.powered .cyan{font-size:18px;margin-left:3px}.plain-button{border:0;background:none;color:#9baab9;padding:0;font-size:10px}dialog{background:#101923;color:#ecf4fa;border:1px solid #3a4d61;padding:30px;max-width:620px;width:calc(100% - 40px)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head h2{font-size:30px}.dialog-head button{border:1px solid #49617a;background:none;color:white;padding:8px 12px}dialog p{font-size:13px;color:#adbbca;margin-top:18px}dialog a{text-decoration:underline}:focus-visible{outline:2px solid #77ddfc;outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;padding:15px;background:#77ddfc;color:#080c12;z-index:30}.skip:focus{top:12px}
@media(min-width:1600px){.hero-visual{height:550px}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.header{padding-inline:30px}.header nav{gap:20px;font-size:10px}.hero-heading{gap:30px}.hero-intro{max-width:240px}.hero-visual{height:440px}.experience-grid,.contact-grid{gap:50px}.section{padding-block:85px}.project-image{height:250px}.project-grid{gap:18px}.steps{gap:30px}.concepts img{height:350px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px;gap:12px}.brand img{width:37px;height:37px}.brand>span{font-size:12px}.brand b{font-size:10px}.header nav{display:none}.nav-cta{margin-left:auto;font-size:10px}.nav-cta span{margin-left:5px}.menu-toggle{display:block;background:transparent;border:1px solid #354554;color:#d2e3ed;border-radius:3px;width:34px;height:34px}.hero{padding-top:34px}.eyebrow{font-size:8px;letter-spacing:.12em}.hero-heading{display:block;margin:23px 0 30px}h1{font-size:clamp(43px,9.1vw,68px)}.hero-intro{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:25px}.hero-intro>p:first-child{font-size:15px}.hero-intro .muted{font-size:11px;margin:0}.hero-intro .text-link{grid-column:1 / -1;justify-self:start;font-size:11px}.hero-visual{height:360px}.hero-visual>img{object-position:54% center}.visual-top,.visual-bottom{left:18px;right:18px}.visual-top{top:17px}.glass-label{font-size:7px;padding:8px}.visual-index{display:none}.visual-bottom{bottom:20px;display:block}.visual-bottom strong{font-size:29px}.visual-bottom small{font-size:7px}.play{margin-top:17px;font-size:10px;gap:10px}.play>span{width:32px;height:32px}.hero-foot{font-size:7px;letter-spacing:.06em;gap:15px;line-height:1.8}.section{padding-block:65px}.section-label{font-size:9px;margin-bottom:28px}.experience-grid,.contact-grid{grid-template-columns:1fr;gap:33px}.lead{font-size:21px}.experience-grid .muted{font-size:13px}.section-head{display:block;margin-bottom:33px}.section-head>p{margin-top:23px;max-width:100%;font-size:12px}.project-grid{grid-template-columns:1fr;gap:42px}.project-image{height:300px}.project-image.maximum img{object-fit:cover}.project-image.yandex img{height:225%;top:-64%}.project-number{margin-top:19px}.project h3{font-size:26px}.project p{min-height:0;margin-top:12px;max-width:520px}.project .text-link{margin-top:8px}.uses>div{grid-template-columns:27px 1fr 22px;gap:12px;padding:24px 0}.uses h3{font-size:21px}.uses p{grid-column:2;font-size:11px}.uses b{grid-column:3;grid-row:1 / 3}.concept-heading{margin-top:60px;display:block}.concept-heading h3{font-size:23px}.concept-heading p{margin-top:15px}.concepts{grid-template-columns:1fr;gap:20px}.concepts img{height:auto;max-height:520px;object-fit:cover}.concepts figcaption{padding:17px 12px;font-size:8px}.concepts figcaption b{font-size:7px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps>div{border-top:1px solid #2a3947;padding-top:25px}.steps h3{margin:15px 0 10px}.steps p{max-width:420px}.contact h2{font-size:48px}.email{font-size:20px;gap:12px}form{padding:23px}.footer-top{flex-wrap:wrap;padding-bottom:25px}.footer-top p{font-size:10px}.footer-top>a:last-child{font-size:10px}.footer-bottom{gap:18px;font-size:8px;flex-wrap:wrap}.powered{gap:5px}.powered strong{font-size:13px}.plain-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Visual opening, followed immediately by the reference projects. */
.hero{padding-top:34px;padding-bottom:0}.hero-heading{margin:22px 0 30px;gap:35px}.hero h1{font-size:clamp(43px,4.7vw,68px)}.hero-intro>p:first-child{font-size:17px}.hero-intro .muted{font-size:12px;margin:10px 0}.hero-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero-gallery figure{margin:0;min-width:0;background:#101720;border:1px solid #2b3a48;overflow:hidden}.hero-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.hero-gallery figcaption{padding:15px 12px;font-size:8px;font-weight:500;letter-spacing:.08em}.hero-foot{border-bottom:0;padding:22px 0 30px;align-items:center}.hero-foot a{white-space:nowrap}.hero-foot .cyan{font-size:16px;margin-left:10px}.projects{padding-top:65px}.phone{display:flex;align-items:center;gap:20px;width:max-content;font-size:21px;letter-spacing:-.03em;margin-top:20px}.phone span{color:#64d9fc}.phone:hover{color:#64d9fc}
@media(max-width:760px){.hero{padding-top:25px}.hero-heading{margin:18px 0 23px}.hero h1{font-size:clamp(38px,8.9vw,60px)}.hero-intro{display:none}.hero-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-color:#64d9fc #172332;scrollbar-width:thin;padding-bottom:9px}.hero-gallery figure{flex:0 0 85%;scroll-snap-align:start}.hero-gallery figcaption{font-size:8px;padding:13px 11px}.hero-foot{padding:15px 0 24px;align-items:flex-start;flex-wrap:wrap;gap:10px;font-size:7px}.hero-foot a{font-size:9px}.projects{padding-top:42px}.phone{font-size:20px}}

/* Keep the hologram visible instead of cropping into a tall card. */
.project-image{height:auto;aspect-ratio:16/10}.project-image.yandex img{position:static;top:auto;height:100%;max-width:100%;object-fit:cover}.project-image.maximum img{object-position:center}.project-image.zula img{object-position:center 68%}.round-arrow{font-size:12px}