@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101413;--panel:#171d1b;--line:#2a332e;--text:#f0f3ed;--muted:#98a39c;--mint:#b6f3cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:12px}.symbol{display:grid;place-items:center;background:var(--mint);color:#14251b;width:34px;height:34px;border-radius:9px;font-size:32px;transform:rotate(-10deg)}.logo-dot{font-size:13px;align-self:flex-start;padding-top:5px;margin-left:-8px}nav{display:flex;gap:36px;font-size:13px;color:#c5cdc7}.nav-cta{font-size:13px;border-bottom:1px solid #88948c;padding:10px 0}.nav-cta span{margin-left:28px;color:var(--mint)}.menu{display:none}.hero{position:relative;padding-top:77px}.hero-copy{position:relative;z-index:2;width:66%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #b6f3cc44}h1{font-size:clamp(42px,5.15vw,76px);font-weight:500;line-height:1.12;letter-spacing:-3.6px;margin:30px 0 25px}h1 span{color:var(--mint)}.lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--mint);color:#13251a;border:0;border-radius:5px;padding:18px 22px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#d5ffe4;transform:translateY(-2px)}.button span{font-size:18px}.text-link{font-size:12px;display:inline-flex;gap:22px;margin-left:24px}.hero-art{position:absolute;right:-35px;top:0;width:54%;height:580px;overflow:hidden}canvas{width:100%;height:100%}.art-tag{position:absolute;left:31%;bottom:49px;padding:10px 14px;border:1px solid #3b5044;border-radius:4px;font-size:10px;background:#17241cb3;backdrop-filter:blur(8px)}.art-tag span{color:var(--mint);padding-right:7px}.art-coordinate{position:absolute;right:25px;top:46px;font:9px monospace;color:#6b7c70}.art-caption{position:absolute;right:20px;bottom:110px;writing-mode:vertical-rl;font:9px monospace;letter-spacing:2px;color:#758579}.hero-bottom{margin-top:75px;border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.hero-bottom>span:first-child{font-size:9px;letter-spacing:1.5px}.hero-bottom b{color:#58665e;padding:0 15px}.hero-bottom a{border:1px solid #39453d;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.services,.solutions{padding-top:86px;padding-bottom:15px}.section-top{display:flex;align-items:flex-start;justify-content:space-between;color:var(--muted)}.section-top p{margin:0;font-size:12px;line-height:1.8}.quiet{font-size:11px}h2{font-weight:500;letter-spacing:-2px;font-size:43px;line-height:1.2;margin:24px 0 36px}h2 span{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid var(--line);background:linear-gradient(140deg,#1a221d,#151a17);border-radius:7px;padding:28px;position:relative;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-6px);border-color:#91b39d}.service-icon{font-size:30px;color:var(--mint)}.number{float:right;color:#66776a;font-size:11px}.service h3{font-size:22px;line-height:1.4;font-weight:500;margin:30px 0 12px;letter-spacing:-.5px}.service p{font-size:12px;color:var(--muted);line-height:1.9;max-width:295px;min-height:69px}.card-foot{border-top:1px solid var(--line);padding-top:19px;margin-top:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#a5b3a9}.card-foot span{font-size:18px;color:var(--mint)}.title-row{display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:5px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 18px;border-radius:30px;font-size:11px}.filters button.active{background:var(--mint);color:#112619;border-color:var(--mint)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{border:0;padding:0;background:transparent;text-align:left;color:var(--text)}.project[hidden]{display:none}.project-art{height:320px;border-radius:7px;position:relative;overflow:hidden}.dashboard{background:#c8d7b9;display:grid;place-items:center}.mock{display:flex;width:78%;height:235px;transform:rotate(-6deg) translateY(18px);background:#18251f;box-shadow:12px 30px 40px #253d3455;border:1px solid #607266;border-radius:9px;transition:transform .4s}.project:hover .mock{transform:rotate(-2deg) translateY(10px)}.mock aside{width:42px;border-right:1px solid #34483b;display:flex;align-items:center;flex-direction:column;gap:18px;padding:15px 0}.mock aside b{font-size:20px;color:var(--mint)}.mock aside i{width:9px;height:9px;border:1px solid #7a9683;border-radius:2px}.mock-main{padding:18px;width:calc(100% - 42px)}.mock-heading{font-size:11px;display:flex;justify-content:space-between}.mock-heading small{font-size:6px;color:#9daf9f}.mock-stats{display:flex;gap:14px;margin-top:20px}.mock-stats>span{padding:10px;background:#23342a;width:50%;border-radius:5px;font-size:7px;color:#a9baaf}.mock-stats strong{display:block;color:white;font-size:20px;font-weight:500}.mock-stats em{font-size:6px;color:#b6f3cc;font-style:normal}.chart-title{font-size:8px;margin:15px 0 9px;display:flex;justify-content:space-between}.mock svg{height:60px;width:100%}.concept-label{position:absolute;left:20px;bottom:17px;font-size:8px;letter-spacing:1px;color:#264331}.architecture{background:radial-gradient(ellipse at center,#34463b,#202c24);display:grid;place-items:center}.core{width:110px;height:110px;background:linear-gradient(145deg,#d3f3cd,#88a98d);border-radius:26px;box-shadow:15px 20px 40px #07160f80,inset 2px 2px 2px #efffec;transform:rotate(-12deg);display:grid;place-content:center;font-size:65px;letter-spacing:-12px;color:#254332;font-weight:700;display:flex;align-items:center}.core span{font-weight:400}.orbit{position:absolute;width:360px;height:150px;border:1px solid #768b6c66;border-radius:50%;transform:rotate(-30deg)}.o2{transform:rotate(40deg);width:380px;height:170px}.node{position:absolute;background:#35483c;border:1px solid #647c69;padding:12px;border-radius:9px;font:9px monospace;box-shadow:0 10px 20px #10251855;color:#c6deca}.n1{left:20%;top:22%}.n2{right:15%;top:24%}.n3{left:19%;bottom:24%}.n4{right:21%;bottom:21%}.architecture .concept-label{color:#b5c7b6}.project-description{display:flex;justify-content:space-between;align-items:center;padding:19px 0}.project-description h3{font-size:17px;font-weight:500;margin:0 0 8px}.project-description p{font-size:10px;color:var(--muted);margin:0}.project-description>span{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.approach{margin-top:70px;padding:70px 0 75px;border-block:1px solid var(--line);background:#141916}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:1px solid #4d6554;padding-top:20px}.steps article>span{font-size:9px;letter-spacing:1px;color:var(--mint)}.steps h3{font-size:15px;font-weight:500;margin-top:26px}.steps p{font-size:12px;line-height:1.9;color:var(--muted)}.contact{padding-block:95px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:49px}.contact h2 span{color:var(--mint)}.contact p{color:var(--muted);font-size:13px}.contact-mark{font-size:57px;color:#283b2e;margin-top:65px;letter-spacing:-4px;font-weight:700}form label{display:block;font-size:11px;color:#aebcb3;margin-bottom:20px}input,select,textarea{display:block;width:100%;color:var(--text);background:transparent;border:0;border-bottom:1px solid #3a4a3f;padding:13px 0;font-size:13px;outline:none;border-radius:0}input:focus,textarea:focus,select:focus{border-color:var(--mint)}textarea{resize:vertical}select option{background:#18221b}form .button{width:100%}.contact .form-note{font-size:10px;line-height:1.7;color:#87968b}footer{padding-block:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .logo{font-size:23px}footer span{font-size:9px;color:var(--muted)}dialog{color:var(--text);background:#1b261e;border:1px solid #4d6554;border-radius:12px;padding:45px;max-width:600px;width:calc(100% - 32px)}dialog::backdrop{background:#050b08ba;backdrop-filter:blur(8px)}dialog h2{font-size:32px}dialog p{font-size:14px;color:#b5c4b9;line-height:1.9;margin-bottom:30px}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:28px;color:var(--mint)}
@media(min-width:1500px){.hero-art{height:620px}.hero-bottom{margin-top:95px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:55px}.hero-copy{width:75%}.hero-art{right:-25px;opacity:.65;width:60%}.text-link{display:block;margin:22px 0 0}.hero-bottom{margin-top:50px}.service{padding:22px}.contact{gap:55px}.steps{gap:20px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:80px}.logo{font-size:26px}.symbol{width:29px;height:29px}.nav-cta{margin-left:auto;margin-right:20px;font-size:10px}.nav-cta span{margin-left:10px}.menu{display:block;background:transparent;border:0;color:var(--text);font-size:21px}nav{display:none;position:absolute;top:80px;left:0;width:100%;background:#1b261e;padding:25px;z-index:10}nav.open{display:flex;justify-content:center;gap:25px}.hero{padding-top:40px}.hero-copy{width:100%}h1{font-size:44px;letter-spacing:-2.4px;line-height:1.15;margin-top:25px}.hero-art{position:relative;width:100%;right:auto;top:auto;height:300px;opacity:1;margin-top:5px}.art-tag{bottom:20px;left:22%;font-size:8px}.art-coordinate{top:15px}.art-caption{right:0;bottom:60px}.lead{font-size:13px;max-width:360px}.hero-bottom{margin-top:10px;padding:20px 0}.hero-bottom>span:first-child{max-width:145px;line-height:1.7;font-size:8px}.hero-bottom>span:nth-child(2){display:none}.services,.solutions{padding-top:52px}h2{font-size:34px;letter-spacing:-1.5px}.section-top p{font-size:10px}.section-top .quiet{font-size:9px;max-width:120px;text-align:right}.service-grid{grid-template-columns:1fr}.service{padding:25px}.service h3{margin-top:18px}.service h3 br{display:none}.service p{min-height:0;max-width:100%}.card-foot{margin-top:20px}.title-row{display:block}.filters{margin:0 0 24px}.project-grid{grid-template-columns:1fr;gap:20px}.project-art{height:280px}.project-description h3{font-size:15px}.approach{margin-top:45px;padding:50px 0}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.steps h3{font-size:14px;line-height:1.6}.steps p{font-size:11px}.contact{padding-block:55px;grid-template-columns:1fr;gap:20px}.contact h2{font-size:40px}.contact-mark{display:none}footer{gap:20px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.mock{width:83%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Light edition: warm paper, forest green and soft sage. */
:root{color-scheme:light;--bg:#f7f9f5;--panel:#fff;--line:#dce4da;--text:#1e3026;--muted:#637367;--mint:#24764f}
body{background:radial-gradient(ellipse at 85% 8%,#e8f1e380,transparent 35%),var(--bg)}
.symbol{background:#d4edbd;color:#235438}nav{color:#526156}.nav-cta{border-color:#b9c8b9}.eyebrow i{box-shadow:0 0 12px #52975a22}.button{background:#c8eaaa;color:#213d29}.button:hover{background:#b6de94}.art-tag{background:#ffffffba;border-color:#c6d8c2;box-shadow:0 8px 28px #34552e08;color:#425c46}.art-coordinate,.art-caption{color:#71856c}.hero-bottom b{color:#99aa97}.hero-bottom a{border-color:#c4d3c0}
.service{background:linear-gradient(140deg,#fff,#f0f5ec);box-shadow:0 8px 24px #2c4d2d04}.service:hover{border-color:#80a972;box-shadow:0 12px 30px #2c4d2d0c}.number{color:#7d907a}.card-foot{color:#60735e}.filters button.active{background:#d5ebc3;color:#234731;border-color:#c3dcb2}
.dashboard{background:#e2ebd9}.mock{background:#fff;box-shadow:12px 30px 40px #56734c25;border-color:#c6d5c0}.mock aside{border-color:#e0e8dc}.mock aside i{border-color:#91a78b}.mock-heading small{color:#6a7e65}.mock-stats>span{background:#eff5e9;color:#697c64}.mock-stats strong{color:#24422e}.mock-stats em{color:#397c42}.chart-title{color:#506c4d}
.architecture{background:radial-gradient(ellipse at center,#f5f9ef,#dde9d2)}.orbit{border-color:#99b18a66}.core{background:linear-gradient(145deg,#fbfff4,#c5dcb1);box-shadow:15px 20px 40px #56734c25,inset 2px 2px 2px #fff;color:#3b653b}.node{background:#f6faef;border-color:#b4c9a6;color:#47623f;box-shadow:0 10px 20px #526f3c15}.architecture .concept-label{color:#4e6948}
.approach{background:#eef3e9}.steps article{border-color:#b2c7a7}.contact-mark{color:#d8e5d0}form label{color:#546b50}input,select,textarea{border-color:#c1d0b9}input::placeholder,textarea::placeholder{color:#81907b}select option{background:#fff}.contact .form-note{color:#6f8069}
dialog{background:#f9fcf5;border-color:#c4d7b7;box-shadow:0 24px 80px #1f372433}dialog::backdrop{background:#30442c66}dialog p{color:#576d50}
@media(max-width:700px){nav{background:#f4f8ef;box-shadow:0 15px 20px #233c2010}}
.languages{display:flex;gap:2px;margin-left:18px}.languages button{font-size:10px;font-weight:700;padding:7px;border:0;border-radius:4px;color:var(--muted);background:transparent}.languages button[aria-pressed=true]{background:#d5ebc3;color:#234731}.languages button:hover{background:#e8efdf}header nav{gap:24px}.nav-cta{margin-left:auto}header .logo{margin-right:auto}html:not([lang=ru]) h1{font-size:clamp(40px,4.6vw,68px)}html:not([lang=ru]) .hero-copy{width:70%}@media(max-width:1050px){header nav{gap:16px}header .logo{margin-right:24px}html:not([lang=ru]) h1{font-size:48px}}@media(max-width:700px){header .nav-cta{display:none}.languages{margin-left:auto;margin-right:10px}header .logo{margin-right:10px}html:not([lang=ru]) .hero-copy{width:100%}html:not([lang=ru]) h1{font-size:clamp(32px,8.8vw,44px)}.service h3{overflow-wrap:anywhere}.project-description h3{max-width:90%}.steps{gap:20px}.steps h3{overflow-wrap:anywhere}}
footer{gap:20px;flex-wrap:wrap}.footer-access,.footer-email{font-size:11px;color:var(--mint)}