.c-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:64px;display:grid}.c-head2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:56px;display:grid}.c-sec{padding:104px 0;scroll-margin-top:80px}.c-fig{border:1px solid var(--c-bd);background:var(--c-fig);border-radius:16px;margin:0;padding:32px 32px 26px}.c-fig-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.c-chain-m{display:none}.c-chain-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:10px;display:grid}.c-bar{cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:10px;min-width:0;height:40px;padding:0 14px;transition:background .15s cubic-bezier(.2,.8,.2,1),border-color .15s,opacity .15s;display:flex}.c-bar:focus-visible,.c-lrow:focus-visible,.c-recipe:focus-visible{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-acc)}.c-lrow{cursor:default;border-radius:10px;outline:none;grid-template-columns:52px 230px minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:28px;margin:0 -16px;padding:22px 16px;transition:background .15s,opacity .15s;display:grid}.c-areas{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:72px;display:grid}.c-index{flex-direction:column;gap:2px;display:flex;position:sticky;top:96px}.c-index a{border-radius:8px;grid-template-columns:28px 1fr;gap:8px;padding:10px 12px;text-decoration:none;transition:background .12s,color .12s;display:grid}.c-index a:hover{background:var(--c-hov)}.c-block{scroll-margin-top:96px}.c-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:560px;display:grid}.c-hy{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.c-hy-split{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:28px;display:grid}.c-split2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.c-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.c-cells{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.c-trow{border-radius:10px;grid-template-columns:230px repeat(3,minmax(0,1fr));align-items:start;gap:28px;margin:0 -16px;padding:24px 16px;transition:background .15s;display:grid}.c-trow:hover{background:var(--c-hov)}.c-tlbl{display:none}.c-demand{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.c-lane{border-top:1px solid var(--c-bds);grid-template-columns:14px minmax(0,1fr) 20px minmax(0,1.2fr);align-items:start;gap:12px;padding:14px 0;display:grid}.c-mod-m{display:none}.c-mod-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.c-comp{border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;transition:opacity .18s,background .18s,border-color .18s,transform .18s;display:flex}.c-recipe{cursor:pointer;text-align:left;width:calc(100% + 32px);font:inherit;color:inherit;background:0 0;border:none;border-radius:10px;outline:none;grid-template-columns:minmax(0,1.1fr) 24px minmax(0,1fr);align-items:center;gap:20px;margin:0 -16px;padding:18px 16px;transition:background .15s;display:grid}.c-recipe:hover{background:var(--c-hov)}.c-formula{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.c-diag{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:72px;display:grid}.c-q{border-top:1px solid var(--c-bd);grid-template-columns:170px minmax(0,1fr);gap:20px;padding:18px 0;display:grid}.c-eng{border-radius:14px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:36px;padding:30px 32px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.c-eng:hover{background:var(--c-hov)!important;border-color:var(--c-bdh)!important}.c-eng:hover .c-eng-t{color:var(--c-acc)!important}.c-eng .c-arr{transition:transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.c-eng:hover .c-arr{transform:translate(4px)}.c-rel{border-top:1px solid var(--c-bd);border-bottom:1px solid var(--c-bd);align-items:baseline;gap:14px;padding:16px 0;text-decoration:none;display:flex}.c-rel:hover .c-rel-t{color:var(--c-acc)!important}@container (max-width:1000px){.c-areas{grid-template-columns:1fr;gap:0}.c-index{display:none}.c-trow{grid-template-columns:200px repeat(3,minmax(0,1fr));gap:20px}}@container (max-width:840px){.c-sec{padding:72px 0}.c-hero,.c-head2,.c-diag{grid-template-columns:1fr;gap:24px}.c-fig{border-radius:14px;padding:22px 18px 18px}.c-chain-d{display:none}.c-chain-m{display:block}.c-lrow{grid-template-columns:40px minmax(0,1fr);gap:8px 12px;margin:0 -10px;padding:18px 10px}.c-lrow>.c-lspan{grid-column:2}.c-thead{display:none!important}.c-trow{grid-template-columns:1fr;gap:14px;margin:0 -10px;padding:22px 10px}.c-tlbl{display:block}.c-demand,.c-models,.c-hy{grid-template-columns:1fr}.c-hy-split,.c-mod-d{display:none}.c-mod-m{display:block}.c-recipe{grid-template-columns:1fr;gap:10px;width:calc(100% + 20px);margin:0 -10px;padding:18px 10px}.c-recipe .c-r-arr{width:20px;transform:rotate(90deg)}.c-q{grid-template-columns:1fr;gap:6px}.c-eng{grid-template-columns:1fr;gap:16px;padding:24px 22px}.c-eng .c-arr-wrap{display:none}}@container (max-width:480px){.c-split2{grid-template-columns:1fr}.c-lane{grid-template-columns:14px minmax(0,1fr);gap:6px 10px}.c-lane .c-lane-arr{display:none}.c-lane .c-lane-to{grid-column:2}.c-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
