@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(./onest-cyrillic-400-normal-BTdD9fLi.woff2) format("woff2"),url(./onest-cyrillic-400-normal-BQq8x-Ju.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(./onest-cyrillic-500-normal-CJRUgmys.woff2) format("woff2"),url(./onest-cyrillic-500-normal-BMFE-GJD.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(./onest-cyrillic-600-normal-BZYKVyuq.woff2) format("woff2"),url(./onest-cyrillic-600-normal-DXk93W_-.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(./onest-latin-400-normal-9AYXx_QC.woff2) format("woff2"),url(./onest-latin-400-normal-RaMPE1jb.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(./onest-latin-600-normal-DM19Lk_j.woff2) format("woff2"),url(./onest-latin-600-normal-D88KJsY0.woff) format("woff")}:root{font-family:Onest,Arial,sans-serif;color:#23362b;background:#f7f7f2;font-synthesis:none;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #85a48b;outline-offset:5px}button{cursor:pointer}h1,h2,p{margin:0}.gateway{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.skip-link{position:absolute;top:-70px;left:24px;z-index:10;padding:14px 22px;background:#fff;border-radius:10px}.skip-link:focus{top:12px}.site-header{width:100%;padding:0 clamp(24px,4.4vw,76px);height:78px;border-bottom:1px solid #e6e8df;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:-.7px}.brand>svg{color:#274c39}.site-header nav{display:flex;gap:34px;font-size:14px;color:#737970}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:#294f3a}.main{width:min(1560px,100%);margin:auto;flex:1;padding:45px clamp(24px,3.8vw,65px) 25px;display:flex;flex-direction:column;justify-content:center}.intro{text-align:center;margin-bottom:37px}.eyebrow{display:block;font-size:9px;letter-spacing:2.1px;color:#859080;margin-bottom:16px}.intro h1{font-size:clamp(42px,4.2vw,64px);font-weight:600;letter-spacing:-2.7px;line-height:1.12}.intro h1 span{color:#55745b}.intro>p{font-size:16px;line-height:1.6;color:#7a8276;margin-top:13px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.49fr) minmax(0,1fr);gap:22px;align-items:center;isolation:isolate;scroll-margin-top:24px}.project-card{background:#fffefa;border:1px solid #e6e8df;border-radius:18px;padding:8px 8px 0;min-width:0;box-shadow:0 14px 40px #293b2409;transition:border-color .25s,box-shadow .25s,transform .25s;display:block;position:relative;z-index:1}.project-card.spy{grid-column:1;grid-row:1}.project-card.master{grid-column:3;grid-row:1}.project-card.spy:hover,.project-card.spy.is-active{border-color:#bca76a;box-shadow:0 16px 44px #8f702417;transform:translateY(-5px)}.project-card.master:hover,.project-card.master.is-active{border-color:#9ebca0;box-shadow:0 16px 44px #457d4b18;transform:translateY(-5px)}.browser-bar{height:32px;display:flex;align-items:center;gap:12px;padding:0 5px 7px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#d8dacd}.browser-dots i:nth-child(1){background:#dca79d}.browser-dots i:nth-child(2){background:#d9c791}.browser-dots i:nth-child(3){background:#a6baa0}.browser-address{background:#f1f2ed;border:1px solid #e8eae1;flex:1;padding:5px 10px;border-radius:6px;font-size:9px;color:#858b7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-bar>svg{color:#97a08e}.project-preview{overflow:hidden;border-radius:10px;border:1px solid #e6e9de;aspect-ratio:16/9;background:#edf0e5}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.spy .project-preview{border-color:#252720;background:#10100b}.card-bottom{min-height:100px;padding:22px 14px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-bottom h2{font-size:clamp(20px,1.8vw,29px);font-weight:600;letter-spacing:-.9px;line-height:1.2}.card-bottom p{font-size:11px;line-height:1.7;color:#848a7f;margin-top:6px;max-width:200px}.open-project{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;font-size:11px;font-weight:500;border:1px solid #b6a16b;color:#6f582b;padding:12px 15px;border-radius:9px;min-height:42px;white-space:nowrap;transition:background .25s}.spy:hover .open-project{background:#f6f0de}.master .open-project{background:#345f49;color:#fff;border-color:#345f49}.master:hover .open-project{background:#284d3a}.robot-guide{grid-column:2;grid-row:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;margin-inline:-12px}.speech{position:relative;z-index:2;max-width:230px;min-height:45px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #e8eadf;background:#fffefbef;box-shadow:0 8px 22px #34492c09;font-size:12px;font-weight:500;padding:12px 16px;border-radius:28px;line-height:1.45}.speech:after{content:"";position:absolute;bottom:-7px;left:55%;width:14px;height:14px;transform:rotate(45deg);background:#fffefb;border-right:1px solid #e8eadf;border-bottom:1px solid #e8eadf;z-index:-1}.robot-stage{width:100%;height:330px;position:relative;margin-top:3px}.robot-stage canvas,.robot-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s}.robot-stage canvas{opacity:0}.ready .robot-stage canvas{opacity:1}.ready:not(.failed) .robot-poster{opacity:0}.robot-button{position:absolute;inset:6% 3% 3%;z-index:1;border:0;background:transparent;border-radius:42%;padding:0}.robot-button:hover{cursor:grab}.robot-button:active{cursor:grabbing}.robot-hint{font-size:9px;letter-spacing:.1px;color:#969d8c;line-height:1.6;margin-top:-3px}.selection-hint{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:29px;color:#88917e;font-size:11px;line-height:1.5;text-align:center}.selection-hint>span:empty{width:40px;height:1px;background:#dde2d3}.selection-hint>svg{display:none}footer{margin:18px clamp(24px,4.4vw,76px) 0;padding:23px 0 26px;border-top:1px solid #e6e8df;display:flex;justify-content:center;align-items:center;gap:16px;font-size:10px;color:#92998b}.footer-divider{width:1px;height:11px;background:#ccd2c4}@media(max-width:1160px){.project-layout{grid-template-columns:minmax(0,1fr) 185px minmax(0,1fr);gap:17px}.card-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 13px}.card-bottom p{max-width:none}.open-project{width:100%;justify-content:space-between}.robot-stage{height:310px}.speech{font-size:11px;padding:11px 14px}.intro h1{font-size:51px}.main{padding-top:35px}.intro{margin-bottom:28px}}@media(max-width:760px){.site-header{height:70px;padding-inline:22px}.brand{font-size:21px}.site-header nav{gap:18px;font-size:11px}.main{padding:32px 22px 16px;max-width:620px}.intro{margin-bottom:24px}.intro h1{font-size:44px;letter-spacing:-1.9px}.intro>p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:13px}.project-layout{grid-template-columns:1fr 1fr;gap:17px;align-items:stretch}.robot-guide{grid-column:1/-1;grid-row:1;max-width:240px;justify-self:center;margin:0 0 12px;width:100%}.robot-stage{height:250px;margin-top:0}.robot-hint{font-size:9px}.speech{font-size:11px;min-height:38px;padding:9px 18px}.project-card.spy{grid-column:1;grid-row:2}.project-card.master{grid-column:2;grid-row:2}.card-bottom h2{font-size:21px}.card-bottom p{font-size:10px}.browser-dots{gap:3px}.browser-dots i{width:5px;height:5px}.browser-address{font-size:8px;padding:4px 6px}.browser-bar{gap:7px;height:28px}.browser-bar>svg{display:none}.card-bottom{padding:16px 8px}.open-project{font-size:10px;padding:11px 12px;gap:8px}.project-card{border-radius:14px;padding:6px 6px 0}.selection-hint{margin-top:25px;font-size:10px;gap:11px}footer{margin-inline:22px;padding:20px 0 24px;font-size:9px;gap:12px}}@media(max-width:480px){.site-header{padding-inline:20px;height:66px}.brand{font-size:20px;gap:10px}.brand>svg{width:27px}.site-header nav{display:none}.main{padding:30px 20px 16px}.intro{margin-bottom:16px}.intro h1{font-size:39px;letter-spacing:-1.7px}.intro>p{font-size:12px;margin-top:11px}.project-layout{grid-template-columns:1fr;gap:21px}.robot-guide{grid-column:1;grid-row:1;margin-bottom:6px;max-width:220px}.robot-stage{height:230px}.project-card.spy{grid-column:1;grid-row:2}.project-card.master{grid-column:1;grid-row:3}.card-bottom{padding:18px 12px 19px;gap:13px;flex-direction:row;align-items:center}.card-bottom h2{font-size:22px}.card-bottom p{font-size:10px;max-width:150px;line-height:1.6}.open-project{width:auto;min-height:43px;padding:11px 12px;gap:8px}.browser-bar{height:31px}.browser-address{font-size:9px}.browser-dots i{width:6px;height:6px}.selection-hint{gap:9px;font-size:9px;margin-top:24px}.selection-hint>span:empty{width:19px}.speech{font-size:11px}.robot-hint{font-size:8px}}@media(max-width:355px){.main{padding-inline:15px}.intro h1{font-size:35px}.card-bottom{flex-direction:column;align-items:stretch}.card-bottom p{max-width:none}.open-project{justify-content:space-between}.card-bottom h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.project-card.spy:hover,.project-card.master:hover,.project-card.is-active{transform:none}}