*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9cabb8 #edf3f7}body{margin:0;color:#101a26;background:#f2f6f9;font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4e83d1;outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:14px}.skip-link:focus{top:15px}#scene-wrap{position:fixed;inset:0;z-index:-1;overflow:hidden}#world,#fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#world{opacity:0;transition:opacity 1s}.scene-ready #world{opacity:1}.scene-ready #fallback{opacity:0}#readability{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,249,252,.9),rgba(245,249,252,.60) 28%,rgba(245,249,252,.13) 52%,transparent 68%);transition:background 1s}#warp-light{position:absolute;inset:0;background:radial-gradient(ellipse at 63% 50%,#c9eeff70,transparent 55%);opacity:0;pointer-events:none}.site-header{position:fixed;z-index:10;top:0;left:0;width:100%;height:120px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:32px;transition:color .5s,background .5s}.wordmark{font-size:38px;font-weight:750;letter-spacing:-2px;position:relative;line-height:1}.wordmark sup{font-size:13px;position:absolute;right:-13px;top:-3px}#nav{display:flex;gap:32px;margin-left:60px}#nav a{font-size:14px;color:#4d5e6c;position:relative;padding:12px 0;transition:color .2s}#nav a.active{color:#071626}#nav a::after{content:"";position:absolute;height:1px;bottom:4px;left:0;right:100%;background:currentColor;transition:right .35s}#nav a.active::after,#nav a:hover::after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.languages{display:flex;background:#f6faff66;border:1px solid #6f88933b;border-radius:30px;padding:4px;backdrop-filter:blur(18px)}.languages button{background:none;border:0;color:#51616f;border-radius:25px;font-size:12px;min-width:39px;height:34px;transition:background .25s,color .25s}.languages button.active{background:#14202e;color:white}#menu-toggle{display:none}.chapter{position:relative;height:180vh;min-height:1100px}.chapter-stage{position:sticky;top:0;height:100svh;min-height:650px;display:flex;align-items:center}.section-content{width:49%;margin-left:4.5vw;position:relative;will-change:opacity,transform}.eyebrow{display:flex;align-items:center;gap:16px;font:12px/1.5 Menlo,monospace;letter-spacing:2px;margin-bottom:32px;text-transform:uppercase}.eyebrow i{display:block;width:32px;height:1px;background:currentColor}h1,h2{font-size:clamp(66px,6.35vw,114px);font-weight:450;letter-spacing:-.055em;line-height:1.01;margin:0 0 30px}h1 span,h2 span{color:#697e8e}.section-content p{font-size:16px;line-height:1.7;color:#536777;max-width:450px;margin:0 0 32px}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid transparent;border-radius:60px;padding:17px 23px;color:#fff;background:#132132;font-size:14px;line-height:1.2;min-height:54px;transition:transform .25s,background .25s,box-shadow .25s}.primary-cta:hover{transform:translateY(-3px);background:#244561;box-shadow:0 12px 35px #23425920}.primary-cta b{font-weight:300;font-size:24px}.flight-footer{position:fixed;z-index:10;bottom:34px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:color .5s}.flight-footer>*{pointer-events:auto}.signature{font:10px/1.9 Menlo,monospace;letter-spacing:1px;color:#536d80}.signature span{display:block}.flight-progress{width:245px}.flight-progress>div:first-child{display:flex;justify-content:space-between;font:10px Menlo,monospace;color:#536d80;letter-spacing:1px;margin-bottom:12px}.progress-track{height:2px;background:linear-gradient(90deg,#70899940 96%,transparent 96%);background-size:20% 100%}.progress-track i{display:block;width:20%;height:100%;background:#274964;transition:width .5s}.flight-footer button{border:1px solid #6b88923b;border-radius:30px;padding:9px 14px;display:flex;align-items:center;gap:9px;background:#f5faff4d;backdrop-filter:blur(12px);font-size:11px;color:#4c687b;min-height:38px}.pause-icon{font-size:13px}#toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);z-index:30;max-width:90vw;padding:17px 24px;background:#112136;color:#e8f5ff;border:1px solid #acc9e5;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.25s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e2edf5;border-radius:24px;background:#f5f9fc;color:#142538;padding:42px;max-width:650px;width:calc(100% - 32px);box-shadow:0 40px 100px #07162570}dialog::backdrop{background:#07162588;backdrop-filter:blur(15px)}#close-dialog{position:absolute;top:13px;right:17px;border:0;background:none;font-size:30px;padding:4px 10px}.space-mode{color:#eef7ff}.space-mode #readability{background:linear-gradient(90deg,rgba(0,5,19,.88),rgba(0,8,26,.58) 31%,rgba(0,8,26,.08) 65%,transparent)}.space-mode #nav a{color:#a8c9e3}.space-mode #nav a.active{color:#fff}.space-mode .signature,.space-mode .flight-progress>div:first-child{color:#bad6eb}.space-mode .progress-track i{background:#c5e5fd}.space-mode .languages{background:#11274066;border-color:#a4cee340}.space-mode .languages button{color:#c5dfec}.space-mode .languages button.active{background:#e9f6ff;color:#152a40}.space-mode .flight-footer button{background:#16324f77;color:#c9e2f4;border-color:#8dafce55}
@media(max-width:1000px){#nav{gap:20px;margin-left:0}.site-header{height:100px}.wordmark{font-size:32px}.section-content{width:58%}.signature{font-size:9px}.flight-progress{width:180px}}
@media(max-width:760px){.site-header{height:86px;padding:0 6vw;gap:16px}.wordmark{font-size:29px;letter-spacing:-1.6px}.wordmark sup{font-size:10px;right:-10px}.header-actions{gap:12px}.languages{padding:3px}.languages button{min-width:31px;height:31px;font-size:11px}#menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:44px;border:0;background:none;padding:5px;color:inherit}#menu-toggle i{width:24px;height:1px;background:currentColor}#nav{display:none;position:absolute;top:76px;left:4vw;right:4vw;margin:0;padding:20px 25px;flex-direction:column;gap:0;background:#f5fafff5;border:1px solid #d1dfe9;border-radius:18px;box-shadow:0 20px 40px #1c3d5522;backdrop-filter:blur(20px)}#nav.open{display:flex}#nav a,.space-mode #nav a{font-size:16px;padding:14px 0;color:#536777}.space-mode #nav a.active{color:#071626}.chapter{height:190svh;min-height:1400px}.chapter-stage{min-height:740px;align-items:flex-end;padding-bottom:145px}.section-content{width:88%;margin-left:6vw}.eyebrow{font-size:10px;letter-spacing:1.2px;gap:11px;margin-bottom:21px}.eyebrow i{width:23px}h1,h2{font-size:clamp(45px,12.8vw,72px);letter-spacing:-.055em;margin-bottom:20px;line-height:1.04}.section-content p{font-size:15px;line-height:1.65;margin-bottom:25px;max-width:90%}.primary-cta{font-size:13px;min-height:50px;padding:14px 19px;gap:35px}#readability{background:linear-gradient(180deg,rgba(245,249,252,.12),transparent 25%,rgba(245,249,252,.77) 50%,#f3f8fcee 75%,#f3f8fc)}.flight-footer{bottom:22px;left:6vw;right:6vw}.signature{display:none}.flight-progress{width:130px}.flight-footer button{font-size:11px;min-height:40px}.flight-progress>div:first-child{font-size:9px}.space-mode #readability{background:linear-gradient(180deg,#01081308,transparent 25%,#01081566 45%,#010815cf 75%,#010815ef)}dialog{padding:34px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.chapter{height:180vh;min-height:0}.chapter:last-child{height:100vh;min-height:0}.chapter-stage{position:fixed;inset:0;height:100svh;min-height:0;opacity:0;visibility:hidden;pointer-events:none;display:flex;align-items:center}.chapter:first-child .chapter-stage{opacity:1;visibility:visible;pointer-events:auto}.under-note{font-size:12px;color:#587185;display:flex;align-items:center;gap:12px;margin-top:24px}.orbit-mark{width:17px;height:17px;border:1px solid currentColor;border-radius:50%;transform:rotate(-30deg);position:relative}.orbit-mark::after{content:"";position:absolute;left:-3px;right:-3px;top:4px;bottom:4px;border:1px solid currentColor;border-radius:50%}.scene-note{position:absolute;right:6vw;top:28vh;display:flex;gap:10px;font:11px/1.8 Menlo,monospace;color:#597289}.scene-note small,.dog-note small{display:block;font-size:10px;color:#7891a4}.portfolio .section-content{width:37%}.portfolio h2,.services h2{font-size:clamp(60px,5.65vw,104px)}.portfolio .section-content p{max-width:360px}.portfolio-cards{position:absolute;left:46%;width:49%;top:27%;display:flex;align-items:flex-start;gap:22px}.project-card{display:block;width:calc(50% - 11px);padding:10px;border:1px solid #ffffffcc;background:#f9fcff8c;backdrop-filter:blur(22px);border-radius:24px;box-shadow:0 25px 60px #162e5124;text-align:left;color:#142639;transition:transform .4s,box-shadow .4s;cursor:pointer}.project-card:nth-child(2){margin-top:100px}.project-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 30px 80px #09284640}.project-image{height:21.5vw;max-height:400px;position:relative;overflow:hidden;border-radius:16px;background:#091b31}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project-card:hover img{transform:scale(1.07)}.project-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#030c1c77)}.concept-badge{position:absolute;top:16px;left:16px;font-size:11px;letter-spacing:.03em;color:#ecf8ff;border:1px solid #e6f2ff73;padding:7px 10px;border-radius:25px;background:#c8e5ff26;backdrop-filter:blur(15px);z-index:1}.project-name{position:absolute;bottom:20px;left:24px;font-size:50px;letter-spacing:-2px;color:white;z-index:1}.project-name.luma{font-weight:300;letter-spacing:7px;font-size:43px}.project-caption{padding:17px 9px 9px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;line-height:1.4}.project-caption small{display:block;font-size:11px;color:#657e91;margin-top:6px}.project-caption b{font-size:22px;font-weight:300;border:1px solid #6f87964d;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.services .section-content{width:43%;margin-top:-3vh}.services .section-content p{max-width:450px}.service-list{border-top:1px solid #5b768248;margin-top:30px;max-width:570px;background:linear-gradient(90deg,#f9fcff33,transparent)}.service-row{width:100%;padding:20px 3px 20px 0;display:flex;align-items:center;gap:24px;border:0;border-bottom:1px solid #5b768248;background:transparent;text-align:left;color:#132435;font-size:21px;transition:background .2s,padding .2s}.service-row:hover{padding-left:14px;background:#f6fbff7a}.service-n{font:11px Menlo,monospace;color:#6e869a}.service-row b{font-size:22px;font-weight:300;margin-left:auto;color:#66859e}.dog-note{position:absolute;right:7vw;bottom:23vh;display:flex;gap:13px;align-items:center;font:11px/1.8 Menlo,monospace;color:#536f83;background:#f9fcff8c;backdrop-filter:blur(16px);padding:13px 18px;border:1px solid #ffffffbb;border-radius:13px}.contacts .section-content{width:41%;margin-top:0}.contacts h2{font-size:clamp(54px,5.1vw,90px);margin-bottom:22px}.contacts .eyebrow{margin-bottom:25px}.contacts .section-content p{margin-bottom:22px}#contact-form{width:min(100%,455px);background:#f7fbffad;backdrop-filter:blur(26px);border:1px solid #ffffffe6;border-radius:22px;padding:22px 25px;box-shadow:0 20px 50px #23446014}#contact-form label{display:block;margin-bottom:16px}#contact-form label>span{display:block;font:11px Menlo,monospace;letter-spacing:.04em;color:#587084;margin-bottom:5px}#contact-form input,#contact-form textarea{width:100%;border:0;border-bottom:1px solid #6f88984d;background:transparent;color:#233c50;font-size:14px;padding:7px 0 10px;border-radius:0}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#7b90a1}#contact-form textarea{height:50px;resize:vertical;max-height:90px;min-height:45px}#contact-form .primary-cta{width:100%;min-height:48px;padding:12px 18px;margin-top:0}.cabin-note{position:absolute;top:21vh;right:6vw;font:11px Menlo,monospace;letter-spacing:1px;color:#ceeaff;text-shadow:0 1px 10px #001932}.ai-era .section-content{width:58%;margin-top:2vh}.ai-era h2{font-size:clamp(90px,9.1vw,168px);letter-spacing:-.06em;line-height:.96}.ai-era h2 span{color:#a9cdec}.ai-era .eyebrow{color:#b7d5ec}.ai-era .section-content p{color:#b6cde1;max-width:430px}.ai-era .primary-cta{background:#eaf5ff;color:#152c42}.ai-era .primary-cta:hover{background:#fff;box-shadow:0 10px 45px #b4e1ff22}.ai-capabilities{display:flex;gap:24px;margin-top:32px;max-width:460px}.ai-capabilities span{font-size:12px;color:#a7cdeb;border-top:1px solid #a4c4e14d;padding-top:12px}.ai-era .scene-note{color:#b6d7f0;top:68vh}.ai-era .scene-note small{color:#9dbbd4}.dialog-eyebrow{font:11px Menlo,monospace;letter-spacing:1.5px;text-transform:uppercase;color:#627f95}dialog h3{font-size:39px;line-height:1.07;letter-spacing:-1.7px;font-weight:450;margin:20px 0 24px}dialog p{font-size:16px;line-height:1.7;color:#4c6579}.dialog-image{width:100%;height:225px;object-fit:cover;border-radius:12px}.disclosure{font-size:12px!important;padding-top:8px;color:#6d8497!important}.calm-mode #world{opacity:0}.calm-mode #fallback{opacity:1}.calm-mode .chapter-stage{transform:none!important}.scene-fallback #fallback{opacity:1}.scene-fallback #world{opacity:0}html[lang=ru] .about h1{font-size:5.6vw}html[lang=ru] .contacts h2{font-size:4.75vw}html[lang=ru] .ai-era h2{font-size:8.2vw}
@media(min-width:761px) and (max-height:800px){.site-header{height:86px}.flight-footer{bottom:23px}.section-content{transform-origin:left center}.eyebrow{margin-bottom:20px}h1,h2{font-size:min(6.2vw,90px);margin-bottom:20px}.section-content p{margin-bottom:24px}.services h2{font-size:5.15vw}.service-row{padding:14px 0;font-size:19px}.contacts h2{font-size:4.4vw}.contacts .section-content{margin-top:20px}.contacts .eyebrow{margin-bottom:16px}.contacts .section-content p{margin-bottom:14px}#contact-form{padding:17px 21px}#contact-form label{margin-bottom:10px}#contact-form textarea{height:42px;min-height:42px}.portfolio-cards{top:27%}.project-image{height:20vw;max-height:320px}.project-card:nth-child(2){margin-top:65px}}
@media(max-width:1000px) and (min-width:761px){.portfolio-cards{left:48%;width:48%;gap:15px}.project-card{width:calc(50% - 7.5px);padding:7px;border-radius:17px}.project-image{border-radius:12px}.project-caption{font-size:11px;padding:12px 4px 4px}.project-caption small{font-size:10px}.concept-badge{font-size:9px;top:9px;left:9px;padding:6px 8px}.project-name{font-size:37px;left:16px}.project-name.luma{font-size:30px;letter-spacing:4px}.service-row{font-size:18px}.contacts .section-content{width:44%}.contacts h2{font-size:5vw}#contact-form{padding:18px 21px}.portfolio h2{font-size:5.8vw}.section-content p{font-size:15px}}
@media(max-width:760px){.chapter{height:190svh;min-height:0}.chapter:last-child{height:100svh}.chapter-stage{align-items:flex-end;padding-bottom:125px;height:100svh;min-height:0}.section-content,.portfolio .section-content,.services .section-content,.contacts .section-content,.ai-era .section-content{width:88%;margin-left:6vw;margin-top:0}.section-content p{font-size:15px}.under-note{font-size:11px;margin-top:20px}.orbit-mark{width:14px;height:14px}.scene-note{top:22vh;right:6vw;font-size:9px;max-width:150px}.scene-note small{font-size:8px}.portfolio .section-content{position:absolute;top:125px}.portfolio h2,.services h2{font-size:12vw}.portfolio .section-content p{font-size:14px;max-width:94%;line-height:1.55}.portfolio .primary-cta{display:none}.portfolio-cards{position:absolute;top:auto;bottom:110px;left:6vw;width:94vw;gap:16px;overflow-x:auto;padding:0 6vw 15px 0;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7c9bb2 transparent}.project-card{width:64vw;flex-shrink:0;padding:7px;border-radius:18px;scroll-snap-align:start}.project-card:nth-child(2){margin-top:28px}.project-image{height:52vw;max-height:250px;border-radius:12px}.concept-badge{font-size:10px;top:10px;left:10px;padding:5px 8px}.project-name{font-size:35px;left:16px;bottom:16px}.project-name.luma{font-size:30px;letter-spacing:4px}.project-caption{padding:12px 6px 5px;font-size:12px}.project-caption small{font-size:10px}.project-caption b{width:28px;height:28px;font-size:18px}.services .chapter-stage{padding-bottom:115px}.services .eyebrow{margin-bottom:17px}.services h2{font-size:11.4vw;margin-bottom:17px}.services .section-content p{font-size:14px;line-height:1.6;margin-bottom:19px;max-width:100%}.service-list{margin-top:17px;width:100%}.service-row{padding:14px 0;font-size:16px;gap:19px}.service-n{font-size:10px}.service-row b{font-size:20px}.dog-note{right:6vw;bottom:auto;top:33vh;font-size:9px;padding:9px 12px;gap:8px;max-width:170px}.dog-note small{font-size:8px}.contacts .chapter-stage{padding-bottom:105px}.contacts h2{font-size:10.8vw;margin-bottom:17px}.contacts .eyebrow{margin-bottom:17px}.contacts .section-content p{font-size:14px;margin-bottom:16px}#contact-form{width:100%;padding:16px 18px;border-radius:17px}#contact-form label{margin-bottom:12px}#contact-form label>span{font-size:10px}#contact-form input,#contact-form textarea{font-size:16px;padding:5px 0 8px}#contact-form textarea{height:42px;min-height:42px;max-height:65px}#contact-form .primary-cta{min-height:45px;font-size:13px}.cabin-note{top:20vh;font-size:9px}.ai-era h2{font-size:18vw;line-height:.98}.ai-era .section-content p{max-width:96%;font-size:15px}.ai-era .scene-note{top:23vh}.ai-capabilities{gap:14px;margin-top:24px}.ai-capabilities span{font-size:10px;padding-top:10px}.ai-era .chapter-stage{padding-bottom:135px}html[lang=ru] .about h1{font-size:10.7vw}html[lang=ru] .contacts h2{font-size:10vw}html[lang=ru] .ai-era h2{font-size:14.7vw}.dialog-image{height:180px}dialog h3{font-size:31px}.calm-mode[data-chapter=services] #fallback{object-position:72% center}.calm-mode[data-chapter=contacts] #fallback{object-position:68% center}}
@media(max-width:760px) and (max-height:720px){.chapter-stage{padding-bottom:105px}h1{font-size:11.5vw}.section-content p{font-size:14px}.under-note{display:none}.portfolio .section-content{top:100px}.portfolio h2{font-size:10.5vw}.portfolio .eyebrow{margin-bottom:14px}.portfolio .section-content p{font-size:13px}.portfolio-cards{bottom:100px}.project-image{height:39vw}.services .eyebrow{margin-bottom:12px}.services h2{font-size:10vw}.services .section-content p{font-size:13px;margin-bottom:12px}.services .chapter-stage{padding-bottom:100px}.service-row{padding:11px 0;font-size:15px}.contacts .chapter-stage{padding-bottom:95px}.contacts h2{font-size:9vw}.contacts .eyebrow{margin-bottom:12px}.contacts .section-content p{font-size:13px;margin-bottom:12px}#contact-form{padding:12px 15px}#contact-form label{margin-bottom:8px}.ai-era .chapter-stage{padding-bottom:110px}.ai-era h2{font-size:16vw}.ai-capabilities{margin-top:20px}}
@media(max-width:760px){.dog-note{display:none}.services .section-content{max-width:100%}}
.mobile-contact-cta{display:none}.space-mode .wordmark{color:#eff8ff}.space-mode #nav a{color:#bedcf0}.space-mode #nav a.active{color:#fff}
@media(max-width:760px){.contacts #contact-form{display:none}.mobile-contact-cta{display:inline-flex}.contacts .chapter-stage{padding-bottom:140px}.contacts h2{font-size:12.1vw}.contacts .section-content p{font-size:15px;max-width:95%;margin-bottom:25px}.cabin-note{top:17vh}.site-header{background:linear-gradient(180deg,#eef5fac4,transparent)}.space-mode .site-header{background:linear-gradient(180deg,#020c2180,transparent)}.space-mode #nav.open a{color:#536777}.space-mode #nav.open a.active{color:#071626}#detail-dialog #contact-form{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}#detail-dialog #contact-form textarea{height:100px;max-height:180px}}
