/* Материя превращается в процессор; финальная плата остаётся HTML с доступными подписями. */

/* Собственный бизнес показывает масштаб практики, внедрения остаются вторым уровнем. */
.own-business-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;}
.own-business {grid-column:span 6;border:1px solid #476346;background:#111d18;border-radius:14px;overflow:hidden;min-width:0;position:relative;}
.own-it {border-color:#3c5153;background:#111d22;}
.own-business-top {display:flex;justify-content:space-between;gap:18px;padding:21px 28px;border-bottom:1px solid #2b4031;align-items:center;}
.own-business-top>.eyebrow {margin:0;font-size:15px;color:#91b28d;letter-spacing:.7px;}
.own-status {display:flex;gap:7px;align-items:center;font:15px var(--mono);color:#789c7b;white-space:nowrap;}
.own-status i {width:4px;height:4px;background:var(--brand);border-radius:50%;}
.own-business-main {display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:32px 28px;align-items:center;align-content:start;}
.own-business h3 {font-size:32px;font-weight:450;line-height:1.25;letter-spacing:-.7px;color:#e0efe0;}
.own-business-main p {font-size:15px;line-height:1.8;color:#9fb3a3;margin-top:18px;max-width:330px;}
.production-revenue {margin-top:28px;}
.production-revenue strong {display:flex;gap:12px;align-items:baseline;font-size:70px;font-weight:450;letter-spacing:-3px;line-height:1.1;color:#a2ed8c;}
.production-revenue strong>span {font-size:22px;letter-spacing:-.5px;}
.production-revenue small {display:block;font:15px var(--mono);margin-top:12px;color:#8aab8c;}
.production-visual {position:relative;align-self:center;}
.production-visual .industry-art {width:100%;height:auto;max-width:270px;transform:none;}
.production-visual .industry-art path {stroke-width:1.5;}
.production-label {display:block;font:15px var(--mono);color:#8fb190;text-align:center;margin-top:10px;}
.conveyor {height:1px;background:#466c48;position:relative;margin:5px 8px 14px;}
.conveyor>i {position:absolute;left:0;top:-5px;width:10px;height:8px;border:1px solid #8be675;background:#243d26;}
.own-business-foot {display:flex;justify-content:space-between;gap:14px;padding:17px 28px;border-top:1px solid #2d4033;font:15px var(--mono);color:#6f9376;}
.own-it .own-business-main {grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;}
/* Заголовок внедрений использует общую сетку секций: колонки 1–6 и 8–12. */
.implementation-heading {margin:64px 0 32px;}
.implementation-heading h3 {font-size:clamp(28px,2.2vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.7px;}
@media(max-width:760px) {.implementation-heading{margin-top:48px;margin-bottom:24px;}}
@media(min-width:761px) and (max-width:1250px) {
 .own-business-foot {min-height:90px;flex-direction:column;justify-content:center;gap:6px;}
}
#studio .industry-card {background:#10171d;border-color:#293730;min-height:175px;}
#studio .industry-card h3 {font-size:16px;color:#b7c6be;}
#studio .industry-card p {font-size:15px;color:#7e9189;}
#studio .industry-art {width:108px;height:108px;}
.js .industry-card.in-view .industry-art {animation:practice-float 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s);}
.js .industry-card.in-view .industry-highlight {animation:practice-trace 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s);}
.js .own-business.in-view .production-visual .industry-art {animation:production-work 4s ease-in-out infinite;}
.js .own-business.in-view .conveyor>i {animation:production-conveyor 4s linear infinite;}.conveyor>i:nth-child(2){animation-delay:-1s!important}.conveyor>i:nth-child(3){animation-delay:-2s!important}.conveyor>i:nth-child(4){animation-delay:-3s!important}
@keyframes practice-float {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes practice-trace {0%,100%{stroke-dashoffset:160;stroke:#8be675;opacity:.4}25%,75%{stroke-dashoffset:0;stroke:#a8f293;opacity:1}}
@keyframes production-work {0%,100%{transform:translateY(0)}30%{transform:translateY(-9px)}55%{transform:translateY(-3px)}75%{transform:translateY(-7px)}}
@keyframes production-conveyor {0%{left:0;opacity:0}8%,88%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}

/* Настоящие экраны раскрывают интерфейс, а крупный просмотр сохраняет читаемость таблиц. */
.product-screens {margin:36px 0 0;}
.product-screens-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;}
.product-screens-heading .eyebrow {margin:0;font-size:15px;color:var(--tone);}
.product-screens-heading>span:last-child {font:15px var(--mono);color:#7d8fa0;}
.screens-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.screens-row.screens-two{grid-template-columns:repeat(2,minmax(0,1fr));}
.screens-row figure {min-width:0;border:1px solid #33404d;border-radius:10px;background:#121b26;overflow:hidden;transition:transform .25s,border-color .25s;}
.screens-row figure:hover {transform:translateY(-4px);border-color:var(--tone);}
.screens-row figure>a {display:block;position:relative;background:#e9edf0;aspect-ratio:1.56;overflow:hidden;}
.screens-row img {width:100%;height:100%;object-fit:contain;}
.screen-zoom {position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#0e1624de;color:white;border:1px solid #56716c;font-size:16px;}
.screens-row figcaption {display:flex;align-items:center;gap:12px;padding:16px 18px;font-size:15px;}
.screens-row figcaption>span:first-child {font:15px var(--mono);color:var(--tone);}.screens-row figcaption strong{font-weight:450}.screens-row figcaption>span:last-child{margin-left:auto;color:#708595}
.screenshot-viewer {width:min(95vw,1540px);max-width:95vw;max-height:96svh;overflow:auto;border:1px solid #577268;border-radius:12px;background:#0d151d;padding:18px;color:var(--text);box-shadow:0 24px 100px #0009;}
.screenshot-viewer::backdrop {background:#03070ce8;}
.screenshot-viewer>img {width:100%;height:auto;max-height:82svh;object-fit:contain;background:#10161c;}
.viewer-close {display:flex;gap:24px;align-items:center;margin:0 0 14px auto;background:#18241e;border:1px solid #4f6f55;border-radius:6px;padding:8px 13px;font:15px var(--mono);}
.viewer-close>span {font-size:20px;line-height:1;}.viewer-caption {font-size:15px;margin-top:14px;color:#a7baaf;}

/* Счёт распадается на четыре информационных блока перед обработкой в DocsSklad. */
.invoice-flow-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;padding:36px;align-items:center;}
.invoice-origin {grid-column:1/span 5;min-width:0;}
.invoice-scan {position:relative;padding:8px;background:#e8ecec;border:1px solid #7e8384;border-radius:5px;overflow:hidden;box-shadow:0 18px 30px #0003;}
.invoice-scan img {width:100%;height:auto;}.invoice-scan>a{display:block;}
.invoice-origin figcaption {display:flex;justify-content:space-between;gap:12px;font:15px var(--mono);color:#9e95a5;margin-top:16px;line-height:1.8;}
.invoice-origin figcaption>a {color:#c995ac;border-bottom:1px solid #644958;}
.invoice-fields {grid-column:6/span 3;min-width:0;}
.extracted-block {position:relative;border:1px solid #765165;background:#2a1c2a;padding:18px 16px;border-radius:6px;margin-bottom:15px;}
.extracted-block:last-child {margin-bottom:0;}
.extracted-block::before {content:'';position:absolute;left:-31px;width:30px;height:1px;top:50%;background:#9e6684;}
.extracted-block::after {content:'';position:absolute;right:-31px;width:30px;height:1px;top:50%;background:#9e6684;}
.extracted-block>span {display:block;font:15px var(--mono);color:#ae7d96;margin-bottom:9px;letter-spacing:.5px;}
.extracted-block>strong {display:block;font-size:15px;font-weight:500;color:#efb4c9;line-height:1.5;}
.extracted-block>small {display:block;font-size:15px;color:#ad95a5;line-height:1.7;margin-top:5px;}
.invoice-processor {grid-column:9/span 4;min-width:0;}
.invoice-engine {border:1px solid #ae6282;background:#2b1d2c;border-radius:10px;padding:28px;position:relative;}
.engine-mark {display:flex;align-items:center;gap:16px;font:40px var(--mono);color:#f2a9c2;margin-bottom:16px;}.engine-mark>span {font-size:24px;color:#b56889;}
.invoice-engine h3 {font-size:29px;font-weight:500;color:#ee9bbb;letter-spacing:-.8px;}
.invoice-engine>p {font-size:15px;color:#b68da3;line-height:1.8;margin-top:14px;}
.invoice-review {display:block;font:15px/1.7 var(--mono);color:#c19aae;margin-top:22px;}
.invoice-created {margin-top:20px;border:1px solid #46654e;background:#16251c;border-radius:8px;}
.invoice-created>div {display:flex;gap:13px;align-items:center;padding:17px;}.invoice-created>div+div {border-top:1px solid #2f4834;}
.invoice-created>div>span {color:#8be675;font-size:15px;}.invoice-created strong {display:block;font-weight:500;font-size:15px;color:#c1ddbf;}.invoice-created small{display:block;font-size:15px;color:#7f9a80;margin-top:5px;}
.invoice-footnote {display:flex;justify-content:space-between;gap:26px;padding:0 36px 28px;align-items:center;}
.invoice-footnote>p {font-size:15px;color:#b5a2b1;}.invoice-footnote>span {font:15px/1.8 var(--mono);color:#887584;}
.js .document-flow.in-view .extracted-block {animation:invoice-field var(--cycle) ease infinite;animation-delay:calc(var(--field)*.5s);}
.js .document-flow.in-view .invoice-created {animation:invoice-created var(--cycle) ease infinite;}
@keyframes invoice-field {0%,18%,100%{opacity:1;transform:translateX(-5px);border-color:#543749}40%,86%{opacity:1;transform:translateX(0);border-color:#c47a9d}}
@keyframes invoice-created {0%,45%,100%{opacity:1;transform:translateY(5px)}65%,90%{opacity:1;transform:translateY(0)}}

/* Высоту FAQ анимирует Web Animations API; без JS работают нативные details. */
.faq-question {flex:1;min-width:0;}
.faq-item summary {transition:color .2s;}.faq-item summary:hover{color:var(--brand)}
.faq-item summary>.icon {transition:transform .34s cubic-bezier(.22,1,.36,1);}
.js .faq-item[data-expanded=false] summary>.icon {transform:rotate(0deg);}.js .faq-item[data-expanded=true] summary>.icon{transform:rotate(45deg);}
.faq-item .faq-answer {padding-bottom:26px;}
.contact-mail-button {margin-top:34px;}
@media(max-width:1300px) {
 .own-business-main{padding:26px 22px;gap:12px}.own-business h3{font-size:27px}.own-business-main p{font-size:15px}.production-revenue strong{font-size:60px}.production-revenue strong>span{font-size:18px}.production-revenue small{font-size:15px}.own-business-top{padding:18px 22px}.own-status{font-size:15px}.own-business-foot{padding:15px 22px;font-size:15px}
 .own-business-top>.eyebrow{font-size:15px}
 .invoice-flow-grid{padding:28px;gap:24px}.extracted-block{padding:15px 12px}.extracted-block>span{font-size:15px}.extracted-block>strong{font-size:15px}.extracted-block>small{font-size:15px}.extracted-block::before{left:-25px;width:24px}.extracted-block::after{right:-25px;width:24px}.invoice-engine{padding:24px 22px}.invoice-engine h3{font-size:25px}.invoice-engine>p{font-size:15px}.invoice-review{font-size:15px}.invoice-created>div{padding:15px 12px}.invoice-created strong{font-size:15px}.invoice-created small{font-size:15px}
}
@media(max-width:1024px) {
 .own-business-main{grid-template-columns:1fr .7fr}.own-status{display:none}.own-business h3{font-size:25px}.own-business-main p{font-size:15px}.production-revenue strong{font-size:50px;gap:8px}.production-revenue strong>span{font-size:16px}.own-business-foot{flex-direction:column;gap:6px}.production-revenue small{line-height:1.7}.own-product-labels>span{font-size:15px}
 .invoice-flow-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.invoice-origin{grid-column:1/span 3}.invoice-fields{grid-column:4/span 3}.invoice-processor{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-processor>.flow-stage-label{grid-column:1/-1;margin:0}.invoice-created{margin-top:0;align-self:center}.extracted-block::after{display:none}.invoice-origin>.flow-stage-label,.invoice-fields>.flow-stage-label{font-size:15px}
 .product-screens-heading>span:last-child{font-size:15px}.screens-row{gap:16px}.screens-row figcaption{font-size:15px;padding:13px 12px;gap:8px}
}
@media(max-width:760px) {
 .own-business-grid{gap:18px}.own-business{grid-column:1/-1}.own-business-top{padding:17px 18px}.own-business-top>.eyebrow{font-size:15px}.own-status{display:flex;font-size:15px}.own-business-main{padding:24px 18px;grid-template-columns:1.2fr .8fr;gap:12px}.own-business h3{font-size:27px}.own-business-main p{font-size:15px}.production-revenue strong{font-size:60px}.production-revenue strong>span{font-size:18px}.production-revenue small{font-size:15px}.own-business-foot{padding:15px 18px;gap:7px;font-size:15px;flex-direction:row}.own-business-foot>span{max-width:47%;line-height:1.7}.own-product-labels>span{font-size:15px}.production-label{font-size:15px;line-height:1.7}.industry-grid{grid-template-columns:1fr}.industry-card{grid-template-columns:100px 1fr!important}#studio .industry-card{padding:22px 18px;min-height:145px}#studio .industry-card h3{font-size:15px}
 .product-screens{margin-top:28px}.product-screens-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px}.product-screens-heading>.eyebrow{font-size:15px}.product-screens-heading>span:last-child{font-size:15px}
 .screens-row,.screens-row.screens-two{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px}.screens-row figure{flex:0 0 86%;scroll-snap-align:start}.screens-row figcaption{font-size:15px;padding:15px}.screens-row figure:hover{transform:none}
 .screenshot-viewer{padding:10px;width:98vw;max-width:98vw}.viewer-close{font-size:15px;padding:7px 10px}.viewer-caption{font-size:15px;margin:10px}
 .invoice-flow-grid{grid-template-columns:repeat(12,minmax(0,1fr));padding:24px 18px;gap:28px}.invoice-origin,.invoice-fields,.invoice-processor{grid-column:1/-1}.invoice-origin figcaption{font-size:15px}.invoice-origin>.flow-stage-label,.invoice-fields>.flow-stage-label{font-size:15px}.invoice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-fields>.flow-stage-label{grid-column:1/-1;margin-bottom:0}.extracted-block{margin:0;padding:15px 11px}.extracted-block::before,.extracted-block::after{display:none}.extracted-block>span{font-size:15px;line-height:1.7}.extracted-block>strong{font-size:15px}.extracted-block>small{font-size:15px}.invoice-processor{display:block}.invoice-processor>.flow-stage-label{margin-bottom:16px}.invoice-engine{padding:26px}.invoice-engine h3{font-size:28px}.invoice-engine>p{font-size:15px}.invoice-review{font-size:15px}.invoice-created{margin-top:18px}.invoice-created strong{font-size:15px}.invoice-created small{font-size:15px}.invoice-created>div{padding:18px}
 .invoice-footnote{padding:0 18px 24px;flex-direction:column;align-items:flex-start;gap:12px}.invoice-footnote>p{font-size:15px;line-height:1.8}.invoice-footnote>span{font-size:15px}.invoice-scan{padding:5px}.contact-mail-button{margin-top:28px}
 .faq-item summary{font-size:15px;padding-block:21px}.faq-answer{padding-left:27px;padding-right:12px;font-size:15px}
}
@media(max-width:380px) {.own-status{display:none}.own-business h3{font-size:25px}.own-business-main{gap:8px}.production-revenue strong{font-size:52px}.production-revenue strong>span{font-size:16px}.production-label{font-size:15px}}
@media(prefers-reduced-motion:reduce) {
 .own-business *,.industry-card *,.document-flow *{animation:none!important;transition:none!important}.screens-row figure{transition:none}.faq-item summary>.icon{transition:none}
}
#studio .production-visual .industry-art {width:100%;height:auto;max-width:270px;}
.own-business {display:flex;flex-direction:column;}.own-business-main {flex:1;}
@media(max-width:760px) {.invoice-flow-grid {column-gap:12px;}}

/* Глубина сцены остаётся во время сборки: дальние структуры размыты, ближние сохраняют резкость. */
@keyframes ambient-depth-drift {0%,100%{transform:translate(-8px,5px) rotate(-1deg)}50%{transform:translate(9px,-6px) rotate(1deg)}}
@keyframes ambient-near-drift {0%,100%{transform:translate(4px,-3px)}50%{transform:translate(-5px,5px)}}
@keyframes pcb-data-travel {0%{stroke-dashoffset:1;opacity:0}10%,88%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
.extracted-block>strong {overflow-wrap:anywhere;}
.invoice-origin figcaption>span:last-child {color:#c995ac;}
@media(max-width:760px) {
 .invoice-origin figcaption>span:last-child {max-width:48%;text-align:right;}
}

/* Собственная студия сохраняет отдельный оттенок общего рабочего пространства. */
.own-it {background:#111c21;border-color:#3c5655;}
.own-it .own-business-top {border-color:#304643;}
@media(max-width:900px) and (min-width:761px) {.own-business{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce) {.own-it *{animation:none!important;transition:none!important}}

/* Две полноценные мастерские: реальное производство и развитие собственных продуктов. */
.practice-body{flex:1;padding:28px;display:flex;flex-direction:column;gap:0;min-width:0}.practice-card h3{font-size:32px;font-weight:450;line-height:1.2}.production-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start}.practice-production .production-revenue{margin:0}.practice-production .production-revenue strong{font-size:60px;gap:9px;letter-spacing:-2px}.practice-production .production-revenue strong>span{font-size:25px;white-space:nowrap}.practice-production .production-revenue small{font-size:18px!important;line-height:1.5;margin-top:10px}.practice-description{font-size:18px;line-height:1.7;color:#b7c9c5;margin-top:18px}.practice-illustration{margin:18px -8px 12px;min-width:0}.practice-illustration>svg{display:block;width:100%;height:auto;overflow:visible}.production-ledger,.studio-work-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:14px}.production-ledger>span{display:flex;align-items:center;min-height:48px;border:1px solid #344c3c;background:#16291f;border-radius:6px;padding:10px 12px;font-size:16px;line-height:1.5;color:#c5d8be}.studio-work-products>a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--tone) 35%,#263d3b);border-radius:6px;background:var(--tone-bg);color:var(--tone);font-size:18px;line-height:1.4}.studio-work-products>a>i{width:5px;height:5px;border-radius:1px;background:var(--tone);flex:none}.studio-work-products>a>span:last-child{margin-left:auto;opacity:.7}.studio-work-products>a:hover{border-color:var(--tone)}.practice-cycle{border-top:1px solid #30473e;padding:20px 28px 23px}.practice-cycle>span{font:15px/1.5 var(--mono);color:#9fb7a6}.practice-cycle ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:14px 0 0;padding:0}.practice-cycle li{font-size:16px;line-height:1.5;color:#cfddd4;min-width:0}.practice-cycle i{display:block;font:15px/1.5 var(--mono);color:#91c88a;margin-bottom:4px;font-style:normal}.studio-work-wire,.studio-work-signal{vector-effect:non-scaling-stroke}.studio-work-signal{stroke-dasharray:.08 .92;stroke-dashoffset:1;opacity:0}.plant-mixer{transform-box:fill-box;transform-origin:center}.js .own-business.in-view .plant-mixer{animation:plant-mix 8s linear infinite}.js .own-business.in-view .plant-lot-motion{animation:plant-lot 5s linear infinite;animation-delay:calc(var(--lot)*-.65s)}.js .own-business.in-view .plant-indicator{animation:plant-sensor 3.5s ease infinite}.js .own-business.in-view .studio-module-motion{animation:studio-module 7s ease-in-out infinite;animation-delay:calc(var(--module)*-.8s)}.js .own-business.in-view .studio-work-signal{animation:studio-work-signal 6s linear infinite;animation-delay:calc(var(--module)*-1.1s)}
@keyframes plant-mix{to{transform:rotate(360deg)}}@keyframes plant-lot{0%{transform:translate(0,0);opacity:0}14%,82%{opacity:1}100%{transform:translate(43px,-19px);opacity:0}}@keyframes plant-sensor{0%,100%{opacity:.5}50%{opacity:1}}@keyframes studio-module{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes studio-work-signal{0%{stroke-dashoffset:1;opacity:0}10%,85%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1450px){.practice-body{padding:26px 22px}.practice-card h3{font-size:29px}.practice-production .production-revenue strong{font-size:52px}.practice-production .production-revenue strong>span{font-size:22px}.production-summary{gap:16px}.practice-cycle{padding:19px 22px 22px}.practice-cycle ol{gap:10px}.studio-work-products>a{font-size:17px}.production-ledger>span{font-size:16px}}
@media(max-width:1100px){.own-business-grid>.practice-card{grid-column:1/-1}.practice-illustration{max-width:720px;align-self:center;width:100%}.practice-cycle i{display:inline;margin-right:5px}.practice-body{padding:28px}.practice-card h3{font-size:32px}.production-summary{grid-template-columns:1fr auto}.studio-work-products>a{font-size:18px}}
@media(max-width:760px){.practice-body{padding:24px 20px}.practice-card h3{font-size:29px}.practice-description{font-size:17px}.practice-illustration{margin:20px -6px 12px;width:calc(100% + 12px)}.practice-cycle{padding:20px}.practice-cycle ol{grid-template-columns:1fr 1fr;gap:15px 20px}.studio-work-products>a{font-size:17px}.practice-production .production-revenue strong{font-size:52px}.production-ledger>span{font-size:16px}}
@media(max-width:560px){.production-summary{grid-template-columns:1fr}.practice-production .production-revenue{margin-top:4px}.practice-production .production-revenue strong{font-size:60px}.practice-production .production-revenue strong>span{font-size:25px}.practice-production .production-revenue small{margin-top:7px}.practice-card h3{font-size:28px}.practice-body{padding:24px 18px}.production-ledger,.studio-work-products{grid-template-columns:1fr}.practice-illustration{margin-top:24px}.practice-cycle{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.practice-card *{animation:none!important;transition:none!important}}
.practice-card .team-product-count{display:flex;align-items:center;gap:8px;font-size:15px;color:#bad3c0;white-space:nowrap}.practice-card .team-product-count>i{width:5px;height:5px;border-radius:50%;background:#8be675}