.ph{padding:clamp(72px,10vw,120px) 0 40px;text-align:center}.ph h1{margin:16px auto 18px;max-width:900px}.ph .sub{margin:0 auto 32px}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}@media(max-width:860px){.split{grid-template-columns:1fr}}
.tr{display:grid;gap:14px;padding:clamp(22px,3vw,34px);text-align:left;text-decoration:none;color:inherit;position:relative;overflow:hidden}.tr h2{font-size:clamp(28px,3vw,40px);margin:0}.tr p{margin:0;color:#3F3F46;font-size:17px;line-height:1.5}.tr .k{color:#3F6F00}.tr .go{margin-top:8px}
.tr::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(198,255,0,.45),rgba(198,255,0,0) 70%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.tr:hover::after{transform:scale(1.6)}
.trk{padding:clamp(64px,8vw,110px) 0}.trk .hd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:40px}@media(max-width:860px){.trk .hd{grid-template-columns:1fr}}
.trk .hd p.sub{margin:0}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:860px){.vals{grid-template-columns:1fr}}
.val{padding:22px;display:grid;gap:8px;align-content:start}.val b{font:400 34px/1 var(--font-display);color:#0A0A0A}.val h3{margin:0;font-size:19px}.val p{margin:0;color:#3F3F46;font-size:15px;line-height:1.5}
.icp{margin-top:40px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}@media(max-width:960px){.icp{grid-template-columns:1fr}}
.fit{padding:26px;display:grid;gap:12px}.fit h3{margin:0 0 4px;font-size:22px}.fit ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.fit li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:#3F3F46}.fit li::before{content:"";flex:0 0 10px;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 3px rgba(198,255,0,.25)}
.fit .no li::before{background:#D4D4D8;box-shadow:none}.fit .k{margin-top:10px}
.qf{padding:clamp(22px,3vw,32px)}.qf h3{margin:0 0 4px;font-size:24px}.qf>p{margin:0 0 20px;color:#52525B;font-size:15px}
.qf form{display:grid;gap:14px}.qf .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.qf label{display:grid;gap:6px;font-size:14px}.qf label>span:first-child{font:400 12px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#52525B}
.qf input,.qf select,.qf textarea{background:#FFFFFF;color:#0A0A0A;border:1px solid #D4D4D8;border-radius:8px;padding:13px 14px;font:16px var(--font-body);min-width:0;transition:border-color .2s,box-shadow .2s}.qf input:focus,.qf select:focus,.qf textarea:focus{border-color:#C6FF00;box-shadow:0 0 0 3px rgba(198,255,0,.15);outline:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{display:inline-flex;align-items:center;gap:8px;border:1px solid #D4D4D8;border-radius:9999px;padding:9px 14px;cursor:pointer;font-size:14px;transition:border-color .2s,background .2s,transform .2s}.chips label:has(input:checked){border-color:#0A0A0A;background:#0A0A0A;color:#FFFFFF}.chips label:active{transform:scale(.97)}.chips input{position:absolute;opacity:0;width:0;height:0}
.qf .agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.qf .agree input{width:18px;height:18px;margin-top:3px;accent-color:#C6FF00;padding:0}
.qf .err{margin:0;color:#d70015;font-size:14px}
.res{display:none;text-align:center;padding:20px 0}.res.on{display:grid;gap:12px;justify-items:center}.ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#C6FF00 var(--p,0%),#E4E4E7 0);position:relative}.ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#FFFFFF}.ring b{position:relative;font:400 34px var(--font-display)}.res h3{margin:0;font-size:24px}.res p{margin:0;color:#3F3F46;max-width:420px}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin-top:28px}.logos div{border:1px dashed #D4D4D8;border-radius:10px;padding:18px 12px;text-align:center;font:400 13px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#71717A}
.stat{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-top:36px}.stat div{display:grid;gap:4px;text-align:center}.stat b{font:400 44px/1 var(--font-display)}.stat span{font-size:14px;color:#52525B}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}.step{padding:22px;display:grid;gap:8px}.step i{font:400 13px var(--font-display);letter-spacing:.08em;color:#3F6F00}.step h3{margin:0;font-size:19px}.step p{margin:0;color:#3F3F46;font-size:15px;line-height:1.5}
@media(max-width:700px){.vals,.steps,.hub,.split{grid-template-columns:1fr}.ph{padding-top:40px}.stat{gap:18px}.stat b{font-size:34px}.qf .row{grid-template-columns:1fr}.tr .btn{width:100%;justify-content:center}.ue .ue-cmp{grid-template-columns:1fr}.ue .ln{grid-template-columns:96px 1fr 44px;font-size:13px}.ue,.pipe,.flow{padding:18px}.kpis{grid-template-columns:1fr 1fr!important}.code{font-size:11px;padding:14px}.cyc{grid-template-columns:1fr 1fr}.tl{gap:18px}}
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}@media(max-width:860px){.hub{grid-template-columns:1fr}}.hub a{padding:22px;display:grid;gap:8px;text-decoration:none;color:inherit}.hub a h3{margin:0;font-size:22px}.hub a p{margin:0;color:#3F3F46;font-size:15px;line-height:1.5}.hub a span.go{color:#0A0A0A;font-size:14px;margin-top:6px}

/* infographics */
.ig{padding:clamp(64px,8vw,110px) 0}.ig .hd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:40px}@media(max-width:860px){.ig .hd{grid-template-columns:1fr}}
.mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:960px){.mods{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mods{grid-template-columns:1fr}}
.mod{padding:22px;display:grid;gap:10px;align-content:start;position:relative;overflow:hidden}.mod .tag{font:400 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#3F6F00;background:rgba(198,255,0,.18);border-radius:9999px;padding:4px 10px;justify-self:start}.mod h3{margin:0;font-size:20px}.mod p{margin:0;color:#3F3F46;font-size:15px;line-height:1.5}.mod ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px}.mod li{font-size:14px;color:#3F3F46;display:flex;gap:8px}.mod li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#C6FF00;margin-top:7px}
.pipe{padding:28px;display:grid;gap:18px}.pipe .row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}@media(max-width:860px){.pipe .row{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pipe .row{grid-template-columns:1fr}}
.pst{border:1px solid #E4E4E7;border-radius:10px;padding:14px;display:grid;gap:6px;background:#FAFAF8;position:relative;transition:border-color .3s,box-shadow .3s,transform .3s}.pst b{font:400 12px var(--font-display);letter-spacing:.08em;color:#71717A}.pst h4{margin:0;font-size:16px;font-weight:500}.pst p{margin:0;font-size:13px;color:#52525B;line-height:1.4}.pst .st{margin-top:4px;font:400 12px var(--font-display);color:#71717A;display:flex;align-items:center;gap:6px}.pst .st::before{content:"";width:8px;height:8px;border-radius:50%;background:#D4D4D8}
.pst.run{border-color:#0A0A0A;transform:translateY(-3px);box-shadow:0 12px 30px -16px rgba(0,0,0,.25)}.pst.run .st::before{background:#C6FF00;box-shadow:0 0 0 4px rgba(198,255,0,.25);animation:gp-pulse 1s infinite}.pst.done .st::before{background:#0A0A0A}.pst.done .st{color:#0A0A0A}
.pipe .bar{height:6px;border-radius:9999px;background:#E4E4E7;overflow:hidden}.pipe .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0A0A0A,#C6FF00);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pipe .log{font:400 13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3F3F46;background:#0A0A0A;color:#D4D4D8;border-radius:10px;padding:14px 16px;min-height:120px;white-space:pre-wrap}.pipe .log .ok{color:#C6FF00}
.imp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center}@media(max-width:860px){.imp{grid-template-columns:1fr}}
.sheet{aspect-ratio:1/1.3;max-height:520px;margin:0 auto;width:min(100%,400px);background:#FFFFFF;border:1px solid #D4D4D8;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 20px 50px -30px rgba(0,0,0,.3)}.sheet::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:10% 7.69%}.sheet i{position:absolute;border-radius:3px;background:#0A0A0A;opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}.sheet i.on{opacity:1;transform:none}.sheet i.y{background:#C6FF00}.sheet i.g{background:#71717A}
.sheet .meta{position:absolute;left:10px;bottom:8px;font:400 11px var(--font-display);letter-spacing:.06em;color:#71717A}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpis div{padding:18px;display:grid;gap:4px}.kpis b{font:400 40px/1 var(--font-display)}.kpis span{font-size:13px;color:#52525B}
.flow{padding:28px;display:grid;gap:14px}.flow .lanes{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.3fr) 60px minmax(0,1fr);align-items:center;gap:0}@media(max-width:860px){.flow .lanes{grid-template-columns:1fr}.flow .arr{transform:rotate(90deg);height:40px}}
.flow .box{border:1px solid #E4E4E7;border-radius:10px;padding:14px;display:grid;gap:8px;background:#FFFFFF}.flow .box h4{margin:0;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#52525B}.flow .box span{display:block;font-size:14px;padding:8px 10px;border-radius:8px;background:#F4F4F5;color:#0A0A0A}.flow .box.core{background:#0A0A0A;border-color:#0A0A0A}.flow .box.core h4{color:#A1A1AA}.flow .box.core span{background:#18181B;color:#FFFFFF}
.flow .arr{position:relative;height:2px;background:#D4D4D8;overflow:visible}.flow .arr::after{content:"";position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 3px rgba(198,255,0,.3);animation:gp-dot 2.2s linear infinite}@keyframes gp-dot{to{left:calc(100% - 10px)}}
.code{background:#0A0A0A;color:#D4D4D8;border-radius:12px;padding:20px;font:400 13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;white-space:pre}.code .k{color:#C6FF00;font:inherit;letter-spacing:0;text-transform:none}.code .s{color:#A5F3FC}.code .c{color:#71717A}
.cyc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:relative}@media(max-width:960px){.cyc{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.cyc{grid-template-columns:1fr 1fr}}
.cyc div{padding:18px 16px;display:grid;gap:8px;position:relative}.cyc div i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:400 14px var(--font-display);background:#0A0A0A;color:#FFFFFF}.cyc div h4{margin:0;font-size:16px;font-weight:500}.cyc div p{margin:0;font-size:13px;color:#52525B;line-height:1.45}.cyc div.you i{background:#C6FF00;color:#0A0A0A}.cyc div.you{border-color:#0A0A0A}
.ue{padding:28px;display:grid;gap:22px}.ue .ue-cmp{display:grid;background:none;border:0;box-shadow:none;overflow:visible;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:700px){.ue .ue-cmp{grid-template-columns:1fr}}
.ue .col{display:grid;gap:10px}.ue .col h4{margin:0 0 4px;font:400 13px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#52525B}.ue .ln{display:grid;grid-template-columns:120px 1fr 56px;align-items:center;gap:10px;font-size:14px}.ue .ln .ue-track{height:14px;padding:0;display:block;border-radius:9999px;background:#F4F4F5;overflow:hidden}.ue .ln .ue-track i{display:block;height:100%;width:0;background:#D4D4D8;transition:width 1s cubic-bezier(.2,.8,.2,1)}.ue .ln.keep .tr i{background:#C6FF00}.ue .ln.cut .tr i{background:#0A0A0A}.ue .ln b{text-align:right;font-weight:500}
.ue .tot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E4E4E7;padding-top:12px;font-size:15px}.ue .tot b{font:400 30px var(--font-display)}
.ue .ctl{display:flex;gap:8px;flex-wrap:wrap}.ue .ctl button{border:1px solid #D4D4D8;background:#fff;border-radius:9999px;padding:8px 14px;font:400 14px var(--font-display);cursor:pointer}.ue .ctl button[aria-pressed="true"]{background:#0A0A0A;color:#fff;border-color:#0A0A0A}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;margin-top:8px}@media(max-width:700px){.tl{grid-template-columns:1fr}}.tl::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:#E4E4E7}@media(max-width:700px){.tl::before{display:none}}
.tl div{padding:0 14px 0 0;display:grid;gap:8px;position:relative}.tl div i{width:40px;height:40px;border-radius:50%;background:#FFFFFF;border:2px solid #0A0A0A;display:grid;place-items:center;font:400 13px var(--font-display);position:relative;z-index:1}.tl div.y i{background:#C6FF00}.tl h4{margin:6px 0 0;font-size:17px;font-weight:500}.tl p{margin:0;font-size:14px;color:#52525B;line-height:1.45}.tl small{font:400 12px var(--font-display);letter-spacing:.06em;color:#71717A}
.stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:960px){.stack{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stack{grid-template-columns:1fr}}
.stack div{padding:18px;display:grid;gap:8px}.stack h4{margin:0;font:400 13px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#3F6F00}.stack span{font-size:14px;color:#0A0A0A;padding:7px 0;border-bottom:1px solid #F4F4F5}.stack span:last-child{border:0}
.shot{border-radius:12px;overflow:hidden;border:1px solid #E4E4E7;background:#FFFFFF}.shot image-slot{display:block;width:100%}.shot .cap{display:block;padding:10px 14px;font-size:13px;color:#52525B;border-top:1px solid #E4E4E7}
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}@media(max-width:860px){.shots{grid-template-columns:1fr}}
@media(max-width:860px){.apigrid{grid-template-columns:1fr!important}}

/* dynamic shots */
.ig-shot{position:relative;min-height:200px;height:100%;padding:14px 16px;display:grid;grid-template-rows:auto 1fr auto;gap:10px;background:#FAFAFA;border-bottom:1px solid #E4E4E7;font-size:12px;color:#3F3F46;box-sizing:border-box}.shot{display:grid;grid-template-rows:1fr auto}.shots{align-items:stretch}
.ig-shot .sh-head,.ig-shot .sh-foot{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.ig-shot .sh-head span{font:400 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#0A0A0A}.ig-shot .sh-head em,.ig-shot .sh-foot{font-style:normal;color:#71717A;font-size:11px}.ig-shot .sh-foot em{font-style:normal;color:#0A0A0A;font-weight:600}
.ig-shot .sh-n{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1;color:#0A0A0A;font-variant-numeric:tabular-nums}.ig-shot .sh-foot .sh-n{font-size:14px;font-weight:600}
.sh-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:stretch}.sh-tile{position:relative;border:1px solid #E4E4E7;border-radius:8px;background:#FFFFFF;min-height:40px;display:flex;align-items:flex-end;padding:8px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.sh-tile::before{content:"";position:absolute;inset:0 0 auto;height:55%;background:#F4F4F5}.sh-tile.acr::before{background:linear-gradient(135deg,#F0FBF6,#D4F9E0)}.sh-tile.pr::before{background:repeating-linear-gradient(90deg,#F4F4F5 0 8px,#E4E4E7 8px 9px)}.sh-tile.tx::before{background:#0A0A0A}.sh-tile.bx::before{background:#E8DCC8}.sh-tile.st::before{background:#C6FF00}.sh-tile span{position:relative;font-size:11px;color:#0A0A0A;background:#FFFFFF;padding:1px 0}
.on .sh-tile{opacity:1;transform:none}.on .sh-tile:nth-child(2){transition-delay:.1s}.on .sh-tile:nth-child(3){transition-delay:.2s}.on .sh-tile:nth-child(4){transition-delay:.3s}
.sh-layers{display:grid;gap:6px;align-content:center}.sh-layer{position:relative;border:1px solid #E4E4E7;border-radius:6px;background:#FFFFFF;padding:7px 10px;font-size:12px;color:#0A0A0A;margin-left:calc(var(--i)*10px);opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--i)*.12s);display:flex;justify-content:space-between;gap:8px}.sh-layer em{font-style:normal;font-size:10px;background:#C6FF00;border-radius:9999px;padding:1px 7px;color:#0A0A0A;white-space:nowrap}.on .sh-layer{opacity:1;transform:none}
.sh-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center}.sh-kpis>div{display:grid;gap:4px}.sh-kpis small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#71717A}.sh-spark{display:flex;gap:2px;align-items:flex-end;height:26px}.sh-spark i{flex:1;background:#E4E4E7;border-radius:2px 2px 0 0;height:2px;transition:height .8s cubic-bezier(.2,.7,.2,1)}.on .sh-spark i{height:var(--h)}.on .sh-spark i:last-child{background:#C6FF00}
.sh-flow{position:relative;display:flex;align-items:center;gap:6px;align-self:center}.sh-node{flex:1;border:1px solid #E4E4E7;border-radius:8px;background:#FFFFFF;padding:10px 8px;text-align:center;font-size:11px;color:#0A0A0A;line-height:1.25}.sh-node.hi{border-color:#0A0A0A;background:#0A0A0A;color:#FFFFFF}.sh-arrow{color:#A1A1AA}.sh-dot{position:absolute;top:50%;left:8%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 3px #FFFFFF;z-index:1;opacity:0}.on .sh-dot{animation:shdot 2.4s ease-in-out infinite}@keyframes shdot{0%{left:8%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:90%;opacity:0}}
.sh-rows{display:grid;gap:8px;align-content:center}.sh-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2px 10px;font-size:11px;color:#0A0A0A}.sh-row em{font-style:normal;color:#71717A;text-align:right}.sh-trk{grid-column:1/-1;height:6px;background:#E4E4E7;border-radius:9999px;overflow:hidden}.sh-bar{display:block;height:100%;width:0;background:#0A0A0A;border-radius:9999px;transition:width .9s cubic-bezier(.2,.7,.2,1)}.sh-bar.hi{background:#C6FF00}.on .sh-bar{width:var(--w)}
.sh-bundle{display:flex;align-items:center;gap:6px}.sh-bundle .sh-tile{flex:1;min-height:52px}.sh-bundle b{color:#A1A1AA;font-weight:400}.sh-sum{flex:1.2;display:grid;gap:2px;border:1px solid #0A0A0A;border-radius:8px;padding:8px;background:#FFFFFF}.sh-sum small{font-size:10px;color:#71717A}
.sh-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;height:100%;padding:0 10%}.sh-cols>div{display:grid;justify-items:center;gap:4px;height:100%;align-content:end}.sh-cols i{width:100%;height:2px;background:#E4E4E7;border-radius:6px 6px 0 0;transition:height .9s cubic-bezier(.2,.7,.2,1)}.sh-cols i.hi{background:#C6FF00}.on .sh-cols i{height:var(--h)}.sh-cols b{font-family:var(--font-display);font-weight:400;font-size:18px;color:#0A0A0A}.sh-cols small{font-size:10px;color:#71717A;text-align:center}
.sh-sheet{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:4px;background:#FFFFFF;border:1px solid #E4E4E7;padding:6px;border-radius:4px}.sh-sheet i{background:#F4F4F5;border:1px dashed #D4D4D8;border-radius:2px;opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s}.sh-sheet.marks{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);padding:10px;background-image:linear-gradient(#0A0A0A,#0A0A0A),linear-gradient(#0A0A0A,#0A0A0A),linear-gradient(#0A0A0A,#0A0A0A),linear-gradient(#0A0A0A,#0A0A0A);background-size:10px 1px,1px 10px,10px 1px,1px 10px;background-position:0 50%,50% 0,100% 50%,50% 100%;background-repeat:no-repeat}.on .sh-sheet i{opacity:1;transform:none}.sh-sheet i:nth-child(n){transition-delay:calc(var(--k,0)*.05s)}.on .sh-sheet i:nth-child(2){transition-delay:.08s}.on .sh-sheet i:nth-child(3){transition-delay:.16s}.on .sh-sheet i:nth-child(4){transition-delay:.24s}.on .sh-sheet i:nth-child(5){transition-delay:.32s}.on .sh-sheet i:nth-child(6){transition-delay:.4s}.on .sh-sheet i:nth-child(7){transition-delay:.48s}.on .sh-sheet i:nth-child(8){transition-delay:.56s}
.sh-cmp{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:stretch}.sh-cmp .sh-tile{min-height:0}.sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sh-grid i{aspect-ratio:1;border-radius:3px;background:repeating-linear-gradient(90deg,#F4F4F5 0 4px,#E4E4E7 4px 5px);border:1px solid #E4E4E7;opacity:0;transition:opacity .4s}.on .sh-grid i{opacity:1}.on .sh-grid i:nth-child(n+2){transition-delay:calc(.06s*var(--n,1))}
.sh-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;align-content:center}.sh-list li{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #E4E4E7;border-radius:6px;padding:5px 9px;font-size:11px;color:#0A0A0A;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.sh-list li::before{content:"✓";width:14px;height:14px;border-radius:50%;background:#C6FF00;color:#0A0A0A;font-size:9px;display:grid;place-items:center;flex:none}.sh-list li.warn::before{content:"!";background:#0A0A0A;color:#FFFFFF}.on .sh-list li{opacity:1;transform:none}.on .sh-list li:nth-child(2){transition-delay:.1s}.on .sh-list li:nth-child(3){transition-delay:.2s}.on .sh-list li:nth-child(4){transition-delay:.3s}.on .sh-list li:nth-child(5){transition-delay:.4s}
.sh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-self:center}.sh-steps li{position:relative;font-size:10px;color:#71717A;padding-top:16px;text-align:center}.sh-steps li::before{content:"";position:absolute;top:4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#E4E4E7;transition:background .4s}.sh-steps li::after{content:"";position:absolute;top:7.5px;left:calc(50% + 4px);right:calc(-50% + 4px);height:1px;background:#E4E4E7}.sh-steps li:last-child::after{display:none}.on .sh-steps li.done::before{background:#0A0A0A}.on .sh-steps li.now::before{background:#C6FF00;box-shadow:0 0 0 3px rgba(198,255,0,.35)}.sh-steps li.done,.sh-steps li.now{color:#0A0A0A}
.sh-books{display:flex;gap:10px;align-items:flex-end;height:100%;padding:0 6%}.sh-books>div{flex:1;height:2px;background:#FFFFFF;border:1px solid #0A0A0A;border-radius:3px 6px 6px 3px;border-left-width:5px;position:relative;transition:height .8s cubic-bezier(.2,.7,.2,1)}.on .sh-books>div{height:var(--h)}.sh-books>div:nth-child(2){border-color:#71717A;border-left-width:3px}.sh-books>div:nth-child(3){border-color:#0A0A0A;border-left-width:2px;background:repeating-linear-gradient(90deg,#FFFFFF 0 6px,#F4F4F5 6px 7px)}.sh-books span{position:absolute;left:8px;bottom:6px;font-size:10px;color:#0A0A0A}
.sh-code{margin:0;align-self:center;background:#0A0A0A;color:#E4E4E7;border-radius:8px;padding:10px 12px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow:hidden}.sh-code .m{color:#C6FF00}.sh-code .c{color:#71717A}

@media(prefers-reduced-motion:reduce){.ig-shot *{transition:none!important;animation:none!important}.sh-tile,.sh-layer,.sh-list li,.sh-sheet i,.sh-grid i{opacity:1!important;transform:none!important}.sh-bar{width:var(--w)!important}.sh-spark i,.sh-cols i,.sh-books>div{height:var(--h)!important}}