:root{--bg:#101318;--surface:#1c2026;--text:#f2f3f0;--muted:#a4a9b1;--accent:#ff765e;--line:#3b4149;--paper:#e5e7e3;--dark:#15191f;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;background:var(--text);color:var(--dark);padding:16px;z-index:10}.skip:focus{top:10px}header{height:100px;padding:0 4%;display:flex;align-items:center;gap:40px;position:relative;z-index:2}.logo{font-size:32px;font-weight:850;letter-spacing:-1.8px;line-height:1}.logo span{color:var(--accent);font-size:1.4em}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a{padding:12px 0;color:#c6cbd1}nav a:hover{color:#fff}.contact-button{display:flex;align-items:center;gap:24px;font-size:14px;border:1px solid #636973;padding:13px 18px;border-radius:7px}.contact-button:hover{background:var(--text);color:var(--dark)}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.8vw,88px);letter-spacing:-.045em;line-height:1.04;font-weight:650}h1>span{color:var(--accent)}h2{font-size:clamp(36px,4.2vw,60px);letter-spacing:-.04em;line-height:1.08;font-weight:600}.hero{min-height:780px;height:calc(100svh - 100px);max-height:1100px;position:relative;padding:80px 4% 70px;display:flex;align-items:center}.hero-heading{width:51%;z-index:1;pointer-events:none}.hero-heading a{pointer-events:auto}.hero-heading>p:first-child{font-size:14px;color:var(--muted);margin-bottom:25px}.intro{font-size:17px;line-height:1.55;color:#c2c7cd;max-width:430px;margin-top:28px}.round-link{display:inline-flex;align-items:center;gap:14px;margin-top:35px;font-size:14px}.round-icon{display:grid;place-items:center;background:var(--accent);color:var(--dark);width:46px;height:46px;border-radius:50%;font-size:22px;transition:transform .3s}.round-link:hover .round-icon{transform:translateY(5px)}.scene-shell{position:absolute;inset:0 0 65px 42%;overflow:hidden}#scene{width:100%;height:100%;touch-action:pan-y;cursor:grab}#scene.dragging{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.scene-bottom{position:absolute;bottom:0;left:15%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}#motion-toggle{background:none;border:0;color:var(--muted);font-size:11px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.drag-hint{position:absolute;right:7%;top:45%;font-size:11px;writing-mode:vertical-rl;color:var(--muted);pointer-events:none}.drag-hint span{font-size:20px;margin-top:10px}.hero-bottom{position:absolute;bottom:0;left:4%;right:4%;border-top:1px solid var(--line);min-height:64px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.live-label{display:flex;align-items:center;gap:8px}.live-label i{width:5px;height:5px;background:var(--accent);border-radius:50%}.services,.system,.cases,.request{padding:110px 6%}.services{background:var(--paper);color:var(--dark);border-radius:22px 22px 0 0;margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading>p{max-width:350px;font-size:15px;line-height:1.6;color:#525963}.service-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:70px}.service-tabs{display:flex;flex-direction:column;justify-content:center}.service-tabs button{background:none;border:0;border-bottom:1px solid #b8bdb8;text-align:left;display:flex;justify-content:space-between;padding:25px 0;color:#666d72;font-size:clamp(23px,3vw,40px);letter-spacing:-.035em;transition:color .3s,padding .3s}.service-tabs button[aria-selected=true]{color:#11171d;padding-left:18px}.service-tabs button[aria-selected=true]>span:last-child{color:#cb442d}.page-stage{perspective:1600px;position:relative;min-height:520px;margin-right:20px}.page-sheet{position:absolute;inset:0;transform-origin:left center;backface-visibility:hidden;border-radius:7px}.sheet-back{background:#b5bdb6;transform:rotate(6deg) translate(12px,5px)}.sheet-mid{background:#ccd2cb;transform:rotate(3deg) translate(5px,3px)}.sheet-front{background:#f8f9f6;padding:35px;box-shadow:10px 20px 35px #121e2518;display:flex;flex-direction:column}.sheet-top{display:flex;justify-content:space-between;font-size:11px;color:#697078}.sheet-front h3{font-size:clamp(25px,2.6vw,37px);line-height:1.15;letter-spacing:-.035em;margin:35px 0 20px;font-weight:600}.sheet-front>p{font-size:14px;color:#525963;line-height:1.6;max-width:420px}.sheet-front ul{padding-left:18px;font-size:13px;line-height:1.8;color:#525963}.sheet-cta{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-top:auto;font-size:14px;font-weight:600}.sheet-bottom{border-top:1px solid #d3d7d0;margin-top:12px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.sheet-bottom button{width:44px;height:40px;border:1px solid #c5cac3;background:transparent;color:var(--dark);border-radius:4px}.system .section-heading>p{color:var(--muted)}.diagram-stage{height:520px;position:relative;margin-top:40px;perspective:1000px;isolation:isolate}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connections path{stroke:#636e7d;fill:none;stroke-width:1;stroke-dasharray:4 5}.connections circle{fill:var(--accent)}.orbit{position:absolute;border:1px solid #303945;border-radius:50%;width:73%;height:83%;left:13%;top:8%;transform:rotateX(54deg) rotateZ(-20deg);pointer-events:none}.orbit-two{width:50%;left:25%;transform:rotateX(54deg) rotateZ(40deg)}.system-core,.system-node{position:absolute;background:var(--surface);border:1px solid #626a76;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-12deg);box-shadow:12px 18px 0 #080c11;border-radius:9px;transition:transform .35s,border-color .35s,background .35s}.system-core:hover,.system-node:hover,.diagram-stage button[aria-pressed=true]{transform:translate(-50%,-60%) rotateX(0) rotateY(0);border-color:var(--accent)}.system-core{left:50%;top:50%;width:210px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.system-core>span{font-size:23px;font-weight:750;letter-spacing:-1px}.point{color:var(--accent)}.system-core small{color:var(--muted)}.system-node{width:165px;height:90px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.system-node>span{font-size:28px;color:var(--accent)}.node-web{left:17%;top:30%}.node-app{left:81%;top:20%}.node-crm{left:83%;top:72%}.node-api{left:20%;top:78%}.diagram-note{border-top:1px solid var(--line);display:flex;gap:40px;padding-top:24px;font-size:13px;line-height:1.6}.diagram-note>span{color:var(--accent);flex-shrink:0}.diagram-note p{color:var(--muted);max-width:650px}.cases{background:#1a1f26}.case-placeholder{margin-top:45px;border:1px solid #505863;border-radius:8px;min-height:250px;display:flex;align-items:center;gap:50px;padding:30px 50px;position:relative;overflow:hidden}.case-symbol{font-size:230px;color:var(--accent);line-height:.4;margin-top:-90px;transform:rotate(-15deg)}.case-placeholder h3{font-size:25px;font-weight:500;margin-bottom:12px}.case-placeholder p{font-size:14px;line-height:1.6;color:var(--muted)}.case-label{position:absolute;right:25px;top:25px;font-size:11px;color:var(--muted)}.request{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:130px;padding-bottom:130px}.request>div>p{color:var(--muted);line-height:1.6;font-size:15px;max-width:350px;margin-top:25px}.request .form-status{font-size:12px;margin-top:45px}form{display:flex;flex-direction:column;gap:24px}form label{font-size:12px;color:#d2d6db;display:flex;flex-direction:column;gap:12px}input,textarea{color:var(--text);border:1px solid #59616c;border-radius:6px;padding:15px;background:#191e25;width:100%;font-size:15px;resize:vertical}input::placeholder,textarea::placeholder{color:#9199a4}form button{background:var(--accent);color:#161b21;border:0;min-height:50px;border-radius:5px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600}#brief-result{font-size:13px;line-height:1.6}#brief-text{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#1c232b;padding:20px;max-height:300px;overflow:auto}#copy-status{margin-top:12px;color:var(--muted)}footer{padding:30px 4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.scene-fallback{position:absolute;left:20%;top:22%;width:65%;height:50%;perspective:700px;pointer-events:none}.fallback-window{background:#dfe4e9;color:#101318;padding:25px;transform:rotateY(-25deg) rotateZ(10deg);box-shadow:20px 30px 0 #242c37;height:100%;border-radius:10px}.fallback-window>span{font-size:24px;font-weight:800}.fallback-window i{display:block;background:#8d9eaf;height:18%;width:70%;margin-top:15px}.fallback-window i:last-child{width:45%;background:var(--accent)}.fallback-dot{position:absolute;right:-20px;top:60%;width:100px;height:100px;border-radius:50%;background:var(--accent)}.webgl-ready .scene-fallback{display:none}
@media(max-width:1000px){header{gap:20px}nav{gap:16px}.hero-heading{width:57%}.scene-shell{left:39%}.service-layout{gap:5%;grid-template-columns:.75fr 1.25fr}.sheet-front{padding:25px}.request{gap:6%}.section-heading>p{max-width:280px}}
@media(max-width:700px){header{height:80px;padding:0 6%}.logo{font-size:27px}nav{display:none}.contact-button{font-size:12px;margin-left:auto;gap:12px;padding:12px}.hero{height:auto;min-height:1100px;display:block;padding:50px 6% 80px}.hero-heading{width:100%}h1{font-size:clamp(44px,10.5vw,68px)}.intro{font-size:15px;max-width:380px}.scene-shell{inset:470px 0 90px}.scene-bottom{left:6%;right:6%;font-size:10px}.scene-bottom>span{max-width:140px}#motion-toggle{font-size:10px}.drag-hint{right:4%}.hero-bottom{left:6%;right:6%;font-size:10px;gap:12px}.hero-bottom>span:nth-child(2){display:none}.services,.system,.cases,.request{padding:70px 6%}.services{margin-top:0}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:100%}.service-layout{display:block;margin-top:35px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-tabs button{font-size:19px;padding:15px 8px}.service-tabs button[aria-selected=true]{padding-left:8px;background:#d4d9d2}.page-stage{margin-top:35px;min-height:540px;margin-right:14px}.sheet-front h3{font-size:30px}.diagram-stage{height:440px;margin-top:35px}.system-node{width:115px;height:75px;font-size:11px;gap:5px;box-shadow:7px 10px 0 #080c11}.system-node>span{font-size:20px}.system-core{width:145px;height:90px;box-shadow:7px 10px 0 #080c11}.system-core>span{font-size:18px}.node-web{left:19%;top:22%}.node-app{left:80%;top:22%}.node-crm{left:80%;top:78%}.node-api{left:19%;top:78%}.connections{display:none}.orbit{width:80%;left:10%;border-color:#56606c}.diagram-note{display:block}.diagram-note p{margin-top:12px}.case-placeholder{padding:60px 20px 30px;gap:18px;min-height:230px}.case-symbol{font-size:150px}.case-placeholder h3{font-size:21px}.case-placeholder p{font-size:12px}.request{display:block}.request .form-status{margin-top:20px}form{margin-top:35px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{order:3;width:100%}footer>a:last-child{margin-left:auto}}
.services,.diagram-stage{overflow:clip}
.site-picker{padding:100px 6% 110px;background:#101318}
.site-picker .section-heading>p{color:var(--muted);max-width:340px}
.picker-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:60px;align-items:start}
.picker-choices{display:flex;flex-direction:column;gap:8px}
.picker-choices button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);text-align:left;position:relative;padding:23px 50px 23px 22px;transition:background .25s,border-color .25s}
.picker-choices button>span{display:block;font-size:25px;letter-spacing:-.025em;font-weight:500}
.picker-choices small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px}
.picker-choices b{position:absolute;top:27px;right:22px;color:var(--muted);font-size:20px;font-weight:400}
.picker-choices button:hover{background:#191e25}
.picker-choices button[aria-pressed=true]{background:#232a33;border-color:#626d7b}
.picker-choices button[aria-pressed=true] b{color:var(--accent)}
.picker-result{min-width:0}
.site-demo{border:1px solid #68717b;border-radius:9px;overflow:hidden;box-shadow:0 20px 40px #0003;background:#e9ece8;color:#17212b}
.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #bac2c7;background:#d6dcdb;font-size:10px;color:#4b5964}
.demo-toolbar>span:first-child{font-size:8px;letter-spacing:3px}
.demo-page{padding:22px 24px 26px;min-height:310px}
.demo-menu{display:flex;align-items:center;gap:10px}
.demo-menu strong{font-size:15px;margin-right:auto;letter-spacing:-.5px}.demo-menu strong span{color:#b64129}
.demo-menu i{display:block;width:25px;height:3px;background:#8d9a9f}
.demo-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:38px}
.demo-hero>div:first-child{min-width:0;flex:1}.demo-hero small{font-size:10px;color:#59666c}
.demo-hero strong{display:block;font-size:clamp(22px,2.6vw,36px);line-height:1.15;letter-spacing:-.04em;white-space:pre-line;margin-top:12px}
.demo-cta{display:inline-block;padding:10px 12px;margin-top:20px;background:#202c38;color:#f2f3f0;border-radius:3px;font-size:10px}
.demo-object{position:relative;width:100px;height:130px;perspective:500px;flex-shrink:0}
.demo-object span{position:absolute;inset:5px 12px;background:#b4c0c4;border:1px solid #889ba2;transform:rotateY(-30deg) rotateZ(10deg);transition:transform .6s,background .6s}
.demo-object span:nth-child(2){inset:20px 4px 0 22px;background:#8faaa9;transform:rotateY(-30deg) rotateZ(-8deg)}
.demo-object span:nth-child(3){inset:35px -4px -5px 32px;background:#ff765e;transform:rotateY(-30deg) rotateZ(-20deg)}
.site-demo[data-kind=company] .demo-object span{transform:rotateY(10deg) rotateZ(-5deg);background:#7b9cb1}
.site-demo[data-kind=company] .demo-object span:nth-child(2){transform:rotateY(10deg) rotateZ(12deg);background:#aabac5}
.site-demo[data-kind=company] .demo-object span:nth-child(3){transform:rotateY(10deg) rotateZ(24deg);background:#ff765e}
.demo-products{display:none;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.demo-products>div{font-size:9px}.demo-products i{display:block;aspect-ratio:1.7;background:#c4cecb;position:relative;margin-bottom:7px;border-radius:3px}
.demo-products i:after{content:'';position:absolute;width:30%;height:55%;left:35%;bottom:20%;background:#869c98;transform:rotate(-8deg);border-radius:2px}
.demo-products>div:nth-child(2) i:after{background:#c2634f;transform:rotate(8deg)}
.demo-products>div:nth-child(3) i:after{background:#66849c;transform:rotate(-14deg)}
.site-demo:is([data-kind=catalog],[data-kind=shop]) .demo-products{display:grid}
.site-demo:is([data-kind=catalog],[data-kind=shop]) .demo-object{display:none}
.site-demo:is([data-kind=catalog],[data-kind=shop]) .demo-hero{margin-top:22px}
.site-demo:is([data-kind=catalog],[data-kind=shop]) .demo-lines{display:none}
.site-demo:is([data-kind=catalog],[data-kind=shop]) .demo-cta{margin-top:10px}
.demo-lines{display:flex;gap:15px;margin-top:27px}.demo-lines i{height:5px;background:#c2ccc8;flex:1}
.picker-summary{margin-top:28px}.picker-summary h3{font-size:20px;letter-spacing:-.02em;font-weight:600}
.picker-summary p{font-size:14px;color:#b4bdc7;line-height:1.7;margin-top:10px;min-height:72px}
.picker-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;background:var(--accent);border:0;border-radius:5px;padding:15px 18px;color:#15191f;font-size:14px;font-weight:600}
.picker-help{color:var(--muted);font-size:12px;margin-top:18px;line-height:1.7}.picker-help a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.site-picker{padding:70px 6%}.picker-layout{display:block;margin-top:35px}.picker-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.picker-choices button{padding:16px 12px;min-height:118px;border-color:#3b4149}.picker-choices button>span{font-size:17px}.picker-choices small{font-size:11px}.picker-choices b{display:none}.demo-page{padding:18px;min-height:290px}.demo-object{width:65px;height:110px}.demo-hero strong{font-size:25px}.picker-summary p{min-height:0;margin-bottom:24px}}
.reading-progress{position:fixed;z-index:20;left:0;right:0;top:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
nav a[aria-current=location]{color:var(--accent)}
.page-stage,.diagram-stage{will-change:transform}
.case-symbol{transform:rotate(var(--scroll-turn,-15deg))}
.scene-bottom,#motion-toggle,.drag-hint{font-size:12px}
.drag-hint{writing-mode:horizontal-tb;top:auto;bottom:60px;right:7%}
.drag-hint span{font-size:16px;margin-left:8px}
@media(max-width:700px){.hero{min-height:960px}.scene-shell{top:430px}.scene-bottom,#motion-toggle{font-size:11px}.drag-hint{bottom:65px;right:6%;font-size:11px}.sheet-back{transform:rotate(3deg) translate(4px,5px)}.sheet-mid{transform:rotate(1.5deg) translate(2px,3px)}.system-node{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.connections circle{display:none}}