.lp-materials{padding-block:calc(var(--sec-y)*.5);position:relative;overflow-x:clip}.lp-materials .mt-slab{padding:clamp(40px,5vw,84px) var(--pad-x);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,3vw,56px);display:grid;overflow:hidden;box-shadow:0 40px 80px -40px #1428c88c}.lp-materials .mt-copy{z-index:2;flex-direction:column;gap:22px;min-width:0;display:flex;position:relative}.lp-materials .cb-h2{font-size:clamp(46px,5.6vw,100px)}.lp-materials .cb-h2 .cb-hchip{box-shadow:0 12px 24px -12px #050a3c99}.lp-materials .mt-fine{color:#ffffff9e;align-items:flex-start;gap:10px;max-width:460px;margin:0;font-size:14.5px;line-height:1.5;display:flex}.lp-materials .mt-fine i{background:var(--lime);width:22px;height:22px;color:var(--ink);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.lp-materials .mt-fine i svg{width:11px;height:11px}.lp-materials .mt-stage{perspective:1200px;min-width:0;height:clamp(520px,45vw,680px);position:relative}.lp-materials .mt-card{z-index:1;height:52px;color:var(--ink);white-space:nowrap;will-change:transform,filter,opacity;transform-origin:50%;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 16px 0 7px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 18px 30px -16px #03083c99,0 0 0 1px #fff6}.lp-materials .mt-stage:not(.is-live) .mt-card{left:calc(50% + cos(var(--i) * 32.73deg)*42%);top:calc(40% + sin(var(--i) * 32.73deg)*29%);opacity:.85;transform:translate(-50%,-50%)scale(.86)}.lp-materials .mt-badge{width:38px;height:38px;font:700 10px/1 var(--font-display);letter-spacing:.02em;border-radius:11px;flex:none;place-items:center;display:grid}.lp-materials .mt-badge svg{width:18px;height:18px}.lp-materials .mt-card b{font:600 14px/1.1 var(--font-body);display:block}.lp-materials .mt-card small{color:var(--ink-text-3);margin-top:2px;font-size:11px;display:block}.lp-materials .k-coral{color:#d23b1f;background:#ffe6e0}.lp-materials .k-cob{background:var(--cobalt-soft);color:var(--cobalt)}.lp-materials .k-lime{background:var(--lime);color:var(--ink)}.lp-materials .k-ink{background:var(--ink);color:var(--lime)}.lp-materials .k-grey{color:var(--ink-3);background:#eef0f4}.lp-materials .mt-zone{z-index:92;width:min(430px,82%);color:var(--ink);text-align:left;background:#fff;border-radius:22px;flex-direction:column;height:392px;padding:18px 16px 0;display:flex;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 40px 70px -30px #03083cbf,0 0 0 8px #ffffff1f}.lp-materials .mt-wk{color:var(--ink-text-3);font-size:11.5px}.lp-materials .mt-wt{font:600 22px/1.1 var(--font-display);letter-spacing:-.025em;margin:2px 0 0}.lp-materials .mt-ws{color:var(--ink-text-2);margin:4px 0 0;font-size:12px;line-height:1.4}.lp-materials .mt-drop{text-align:center;background:#f4f5f8;border-radius:14px;flex:none;margin-top:12px;padding:14px 12px 12px;transition:background-color .3s,box-shadow .3s;position:relative;box-shadow:inset 0 0 0 1.5px #0b0d101a}.lp-materials .mt-drop:before{content:"";pointer-events:none;border:1.5px dashed #0b0d1029;border-radius:11px;transition:border-color .3s;position:absolute;inset:4px}.lp-materials .mt-zone.hot .mt-drop{background:var(--cobalt-soft)}.lp-materials .mt-zone.hot .mt-drop:before{border-color:var(--cobalt)}.lp-materials .mt-up{width:20px;height:20px;color:var(--ink-text-2);place-items:center;margin:0 auto;display:grid}.lp-materials .mt-up svg{width:16px;height:16px}.lp-materials .mt-zt{margin:5px 0 0;font-size:13px;font-weight:600}.lp-materials .mt-zs{max-width:300px;color:var(--ink-text-3);margin:3px auto 0;font-size:10.5px;line-height:1.4}.lp-materials .mt-entry{flex:none;gap:6px;margin-top:8px;display:flex}.lp-materials .mt-entry span{min-width:0;height:32px;box-shadow:inset 0 0 0 1px var(--line-day);color:var(--ink-text-3);white-space:nowrap;background:#f4f5f8;border-radius:99px;flex:1;align-items:center;gap:7px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.lp-materials .mt-entry span svg{flex:none;width:12px;height:12px}.lp-materials .mt-entry b{height:32px;box-shadow:inset 0 0 0 1px var(--line-day);color:var(--ink-text-3);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex}.lp-materials .mt-entry b svg{width:11px;height:11px}.lp-materials .mt-rows{flex-direction:column;flex:1;min-height:0;margin-top:12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.lp-materials .mt-row{border-top:1px solid var(--line-day);flex:none;gap:10px;padding:10px 2px;display:flex}.lp-materials .mt-row:first-child{border-top:0}.lp-materials .mt-gl{width:30px;height:30px;color:var(--ink-text-2);background:#f1f2f5;border-radius:9px;flex:none;place-items:center;display:grid}.lp-materials .mt-gl svg{width:15px;height:15px}.lp-materials .mt-rx{flex:1;min-width:0}.lp-materials .mt-rt{align-items:center;gap:6px;min-width:0;display:flex}.lp-materials .mt-rt b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.lp-materials .mt-bd{white-space:nowrap;height:18px;box-shadow:inset 0 0 0 1px var(--line-day);color:var(--ink-text-2);border-radius:99px;flex:none;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:600;display:inline-flex}.lp-materials .mt-bd i{background:currentColor;border-radius:50%;width:5px;height:5px}.lp-materials .mt-bd.q{color:var(--ink-text-3)}.lp-materials .mt-bd.p{background:var(--lime-soft);color:var(--lime-ink);box-shadow:inset 0 0 0 1px #dcefa6}.lp-materials .mt-bd.p i{border:1.5px solid #b9d77a;border-top:1.5px solid var(--lime-ink);background:0 0;width:8px;height:8px;animation:.7s linear infinite lp-materials-spin}.lp-materials .mt-bd.r{color:var(--ink-text-2);box-shadow:none;background:#f1f2f5}.lp-materials .mt-bd.r i{background:#3daa5c}.lp-materials .mt-rm{color:var(--ink-text-3);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px;display:block;overflow:hidden}.lp-materials .mt-rm svg{vertical-align:-1px;width:11px;height:11px;margin-right:3px;display:inline-block}.lp-materials .mt-sh{background:#ebedf1;border-radius:3px;height:3px;margin-top:6px;display:block;position:relative;overflow:hidden}.lp-materials .mt-sh:after{content:"";border-radius:inherit;background:#cfe88a;width:40%;animation:1.1s ease-in-out infinite lp-materials-sh;position:absolute;inset:0}.lp-materials .mt-pass{z-index:100;background:var(--lime);height:32px;color:var(--ink);white-space:nowrap;font:600 12.5px/1 var(--font-body);opacity:0;pointer-events:none;border-radius:99px;align-items:center;gap:7px;padding:0 12px 0 6px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 12px 22px -10px #3c5a0099}.lp-materials .mt-pass i{background:var(--ink);width:20px;height:20px;color:var(--lime);border-radius:50%;flex:none;place-items:center;display:grid}.lp-materials .mt-pass i svg{width:10px;height:10px}.lp-materials .mt-path{z-index:40;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.lp-materials .mt-path:before{content:"";background:#ffffff47;border-radius:2px;height:2px;position:absolute;bottom:25px;left:3%;right:3%}.lp-materials .mt-node{flex-direction:column;flex:1 1 0;align-items:stretch;gap:7px;min-width:0;display:flex;position:relative}.lp-materials .mt-dot{background:var(--ink);color:#fff;border-radius:12px;align-items:flex-start;gap:7px;min-height:50px;padding:8px 9px;transition:box-shadow .35s;display:flex;position:relative;box-shadow:0 10px 22px -12px #0009}.lp-materials .mt-dot .no{width:18px;height:18px;font:700 9.5px/1 var(--font-body);background:#ffffff24;border-radius:50%;flex:none;place-items:center;display:grid}.lp-materials .mt-nl{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.lp-materials .mt-node.lit .mt-dot{box-shadow:0 0 0 2px var(--lime),0 10px 22px -12px #3c5a00b3}.lp-materials .mt-ct,.lp-materials .mt-node.lit .mt-dot .no{background:var(--lime);color:var(--ink)}.lp-materials .mt-ct{white-space:nowrap;opacity:0;transform-origin:0 100%;border-radius:99px;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;font-size:10.5px;font-weight:600;transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.5);display:inline-flex;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(4px)scale(.7);box-shadow:0 6px 14px -6px #283c0099}.lp-materials .mt-ct em{font-style:normal}.lp-materials .mt-ct svg{width:11px;height:11px}.lp-materials .mt-node.lit .mt-ct{opacity:1;transform:none}.lp-materials .mt-tick{place-items:center;height:12px;display:grid}.lp-materials .mt-tick:before{content:"";background:#1a2cb5;border-radius:50%;width:10px;height:10px;transition:background-color .3s;box-shadow:0 0 0 3px #ffffff40}.lp-materials .mt-node.lit .mt-tick:before{background:var(--lime)}.lp-materials .sec-obj{z-index:3;width:clamp(120px,11vw,200px);height:auto;left:calc(var(--gut) + 3%);top:calc(var(--sec-y)*.5 - clamp(60px, 5.4vw, 100px));pointer-events:none;filter:drop-shadow(0 26px 30px #050a3c59);position:absolute;transform:rotate(-12deg)}@media (width<=1100px){.lp-materials .mt-slab{grid-template-columns:minmax(0,1fr)}.lp-materials .mt-stage{height:clamp(500px,80vw,620px)}}@media (width<=900px){.lp-materials .sec-obj{width:84px;left:auto;right:12px;top:calc(var(--sec-y)*.5 - 40px)}}@media (width<=600px){.lp-materials .mt-stage{height:540px;margin-inline:-8px}.lp-materials .mt-card{border-radius:13px;gap:8px;height:42px;padding:0 12px 0 5px}.lp-materials .mt-card .mt-badge{border-radius:9px;width:32px;height:32px}.lp-materials .mt-card .mt-badge svg{width:15px;height:15px}.lp-materials .mt-card b{font-size:12.5px}.lp-materials .mt-card small{display:none}.lp-materials .mt-zone{border-radius:20px;width:88%;height:352px;padding:14px 12px 0;top:36%}.lp-materials .mt-nl,.lp-materials .mt-ws,.lp-materials .mt-zs{display:none}.lp-materials .mt-dot{justify-content:center;min-height:0;padding:7px 0}.lp-materials .mt-ct{gap:0;height:20px;padding:0 5px;font-size:0}.lp-materials .mt-ct b{font-size:10.5px}.lp-materials .mt-pass{height:28px;font-size:11.5px}}@keyframes lp-materials-spin{to{transform:rotate(1turn)}}@keyframes lp-materials-sh{0%{transform:translate(-100%)}to{transform:translate(260%)}}
