.sgf{border:1px solid var(--ds-color-border);background:var(--ds-surface-50);border-radius:20px;grid-template-columns:1.05fr 1fr;gap:0;min-height:460px;margin-bottom:28px;scroll-margin-top:100px;transition:border-color .25s;display:grid;position:relative;overflow:hidden}.sgf:hover{border-color:var(--ds-color-brand-blue-light)}.sgf.flip{grid-template-columns:1fr 1.05fr}.sgf.flip .sgf-stage{order:2}.sgf.flip .sgf-body{border-right:1px solid var(--ds-color-border);border-left:none;order:1}.sgf-stage{background:radial-gradient(ellipse at 30% 30%, color-mix(in oklch, var(--acc,var(--ds-color-brand-blue-light)) 16%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 10%, var(--ds-surface-50)), var(--ds-surface-50));border-right:1px solid var(--ds-color-border);flex-direction:column;justify-content:space-between;min-height:460px;padding:36px 32px;display:flex;position:relative;overflow:hidden}.sgf.flip .sgf-stage{border-right:none}.sgf-stage-head{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sgf-stage-head .num{color:var(--acc,var(--ds-color-brand-blue-light))}.sgf-glyph{flex:1;justify-content:center;align-items:center;padding:28px 0;display:flex;position:relative}.sgf-stage-foot{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;justify-content:space-between;align-items:end;font-size:11px;display:flex}.sgf-stage-foot .live{color:var(--ds-color-success);align-items:center;gap:6px;display:inline-flex}.sgf-stage-foot .live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite live-blink}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.35}}.sgf-sigil-ghost{font-family:var(--ds-font-mono);letter-spacing:-.04em;color:color-mix(in oklch, var(--acc,var(--ds-color-brand-blue-light)) 12%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:156px;font-weight:500;line-height:.85;position:absolute;bottom:-28px;right:-10px}.sgf-body{grid-template-rows:auto auto 1fr auto;gap:22px;padding:36px 36px 32px;display:grid}.sgf-body .code{font-family:var(--ds-font-mono);letter-spacing:.18em;color:var(--acc,var(--ds-color-brand-blue-light));text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:inline-flex}.sgf-body .code:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.sgf-body h2{font-family:var(--ds-font-display-editorial,var(--ds-font-heading));letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.8vw,36px);font-weight:500;line-height:1.05}.sgf-body .tagline{color:var(--ds-color-ink-secondary);max-width:48ch;margin:8px 0 0;font-size:15px;line-height:1.55}.sgf-pills{flex-direction:column;gap:10px;margin:4px 0 0;display:flex}.sgf-pill{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);transition:border-color .22s, transform .22s var(--ds-ease-out-expo);border-radius:12px;grid-template-columns:88px 1fr;align-items:center;gap:14px;padding:12px 16px;display:grid}.sgf-pill:hover{border-color:var(--acc,var(--ds-color-brand-blue-light));transform:translate(2px)}.sgf-pill .k{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc,var(--ds-color-brand-blue-light));font-size:10px}.sgf-pill .v{color:var(--ds-color-ink-primary);font-size:13px;line-height:1.5}.sgf-pill .v.muted{color:var(--ds-color-ink-secondary)}.sgf-pill .v.mono{font-family:var(--ds-font-mono);font-size:12px}.sgf-foot{border-top:1px dashed color-mix(in oklch, var(--acc,var(--ds-color-brand-blue-light)) 26%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.sgf-foot .scenario{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);align-items:center;gap:8px;font-size:11.5px;transition:color .2s;display:inline-flex}.sgf-foot .scenario:hover{color:var(--acc,var(--ds-color-brand-blue-light))}.sgf-foot .scenario .arr{transition:transform .2s}.sgf-foot .scenario:hover .arr{transform:translate(4px)}.sgf-cta{background:var(--acc,var(--ds-color-brand-blue-light));color:var(--ds-surface-base);font-family:var(--ds-font-mono);letter-spacing:.06em;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:500;transition:transform .2s;display:inline-flex}.sgf-cta:hover{transform:translateY(-1px)}.sgf-cta .arr{transition:transform .2s}.sgf-cta:hover .arr{transform:translate(4px)}.gl-host{grid-template-columns:1fr 1fr;gap:12px;width:260px;height:220px;display:grid}.gl-host .rack{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--acc) 45%, transparent);box-shadow:0 10px 28px -16px color-mix(in oklch, var(--acc) 80%, transparent);border-radius:8px;flex-direction:column;gap:4px;padding:22px 10px 10px;display:flex;position:relative}.gl-host .rack:before{content:attr(data-host);font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-size:8.5px;position:absolute;top:7px;left:12px}.gl-host .rack:after{content:"u";font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.12em;font-size:8px;position:absolute;top:7px;right:12px}.gl-host .u{background:color-mix(in oklch, var(--acc) 6%, transparent);border-left:2px solid color-mix(in oklch, var(--acc) 30%, transparent);border-radius:3px;grid-template-columns:8px 1fr 28px;align-items:center;gap:7px;padding:5px 7px;display:grid}.gl-host .u .led{background:var(--ds-color-success);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklch, var(--ds-color-success) 60%, transparent);border-radius:50%;animation:2.4s ease-out infinite gl-host-led}.gl-host .u:nth-child(2) .led{animation-delay:.3s}.gl-host .u:nth-child(3) .led{animation-delay:.6s}.gl-host .u:nth-child(4) .led{animation-delay:.9s}.gl-host .u:nth-child(5) .led{animation-delay:1.2s}.gl-host .rack:nth-child(2) .u:first-child .led{animation-delay:.15s}.gl-host .rack:nth-child(2) .u:nth-child(2) .led{animation-delay:.45s}.gl-host .rack:nth-child(2) .u:nth-child(3) .led{animation-delay:.75s}.gl-host .rack:nth-child(2) .u:nth-child(4) .led{animation-delay:1.05s}.gl-host .rack:nth-child(2) .u:nth-child(5) .led{animation-delay:1.35s}@keyframes gl-host-led{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--ds-color-success) 65%, transparent);transform:scale(1)}70%{box-shadow:0 0 0 5px #0000}to{transform:scale(.9);box-shadow:0 0 #0000}}.gl-host .u .bars{align-items:center;gap:2px;height:6px;display:flex}.gl-host .u .bars span{background:linear-gradient(180deg, color-mix(in oklch, var(--acc) 45%, transparent), color-mix(in oklch, var(--acc) 20%, transparent));border-radius:1px;flex:1;height:100%}.gl-host .u .bars span:nth-child(3),.gl-host .u .bars span:nth-child(4){background:linear-gradient(180deg, var(--acc), color-mix(in oklch, var(--acc) 40%, transparent))}.gl-host .u .lbl{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);text-align:right;letter-spacing:.04em;font-size:8.5px}.gl-infra{width:300px;height:220px}.gl-infra svg{width:100%;height:100%;overflow:visible}.gl-infra .node-bg{fill:var(--ds-surface-base);stroke:var(--acc);stroke-width:1.5px}.gl-infra .node-core{fill:var(--ds-surface-base);stroke:var(--acc);stroke-width:2px}.gl-infra .core-dot{fill:var(--acc)}.gl-infra .link{stroke:color-mix(in oklch, var(--acc) 38%, transparent);stroke-width:1.2px;fill:none;stroke-dasharray:4 4;animation:12s linear infinite gl-infra-dash}@keyframes gl-infra-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80px}}.gl-infra .packet{fill:var(--ds-color-success);filter:drop-shadow(0 0 3px var(--ds-color-success))}.gl-infra .lbl{font-family:var(--ds-font-mono);fill:var(--ds-color-ink-muted);letter-spacing:.08em;font-size:8.5px}.gl-m365{flex-direction:column;gap:10px;width:290px;height:220px;display:flex}.gl-m365 .hd{font-family:var(--ds-font-mono);justify-content:space-between;align-items:baseline;display:flex}.gl-m365 .hd .l{letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:9px}.gl-m365 .hd .v{color:var(--acc);font-size:10.5px}.gl-m365 .fleet{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.gl-m365 .dev{background:color-mix(in oklch, var(--acc) 6%, var(--ds-surface-base));border:1px solid color-mix(in oklch, var(--acc) 25%, transparent);border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.gl-m365 .dev svg{width:60%;height:60%}.gl-m365 .dev .frame{fill:none;stroke:var(--acc);stroke-width:1.4px;stroke-linejoin:round}.gl-m365 .dev .scr{fill:color-mix(in oklch, var(--acc) 14%, transparent)}.gl-m365 .dev .logo{fill:var(--ds-color-ink-secondary);opacity:.6}.gl-m365 .dev .check{background:var(--ds-color-success);color:#0b1021;opacity:0;width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in oklch, var(--ds-color-success) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;animation:6s ease-out infinite gl-m365-check;display:flex;position:absolute;top:4px;right:4px;transform:scale(.4)}.gl-m365 .dev:first-child .check{animation-delay:.2s}.gl-m365 .dev:nth-child(2) .check{animation-delay:.5s}.gl-m365 .dev:nth-child(3) .check{animation-delay:.8s}.gl-m365 .dev:nth-child(4) .check{animation-delay:1.1s}.gl-m365 .dev:nth-child(5) .check{animation-delay:1.4s}.gl-m365 .dev:nth-child(6) .check{animation-delay:1.7s}.gl-m365 .dev:nth-child(7) .check{animation-delay:2s}.gl-m365 .dev:nth-child(8) .check{display:none}.gl-m365 .dev:nth-child(8) .pending{background:color-mix(in oklch, var(--ds-color-warning,#f6ad55) 70%, transparent);opacity:.7;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite gl-m365-pending;position:absolute;top:4px;right:4px}@keyframes gl-m365-pending{0%,to{opacity:.4}50%{opacity:1}}@keyframes gl-m365-check{0%,12%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}28%,92%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.gl-m365 .dev:before{content:"";border:1.5px solid var(--ds-color-success);opacity:0;border-radius:6px;animation:6s ease-out infinite gl-m365-ring;position:absolute;inset:-1px}.gl-m365 .dev:first-child:before{animation-delay:0s}.gl-m365 .dev:nth-child(2):before{animation-delay:.3s}.gl-m365 .dev:nth-child(3):before{animation-delay:.6s}.gl-m365 .dev:nth-child(4):before{animation-delay:.9s}.gl-m365 .dev:nth-child(5):before{animation-delay:1.2s}.gl-m365 .dev:nth-child(6):before{animation-delay:1.5s}.gl-m365 .dev:nth-child(7):before{animation-delay:1.8s}.gl-m365 .dev:nth-child(8):before{display:none}@keyframes gl-m365-ring{0%,8%{opacity:0}12%{opacity:1}24%,to{opacity:0}}.gl-m365 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;justify-content:space-between;font-size:8.5px;display:flex}.gl-m365 .ft .ok{color:var(--ds-color-success)}.gl-web{width:290px;height:220px;position:relative}.gl-web .browser{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--acc) 45%, transparent);width:100%;height:100%;box-shadow:0 12px 32px -18px color-mix(in oklch, var(--acc) 80%, transparent);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.gl-web .chrome{border-bottom:1px solid color-mix(in oklch, var(--acc) 18%, transparent);background:color-mix(in oklch, var(--acc) 6%, transparent);align-items:center;gap:12px;height:26px;padding:0 10px;display:flex}.gl-web .dots{gap:4px;display:flex}.gl-web .dots span{background:color-mix(in oklch, var(--acc) 35%, transparent);border-radius:50%;width:6px;height:6px}.gl-web .url{background:var(--ds-surface-base);height:14px;font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.04em;border-radius:7px;flex:1;align-items:center;padding:0 8px;font-size:8px;display:flex}.gl-web .stage{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;position:relative}.gl-web .hero-block{background:linear-gradient(135deg, color-mix(in oklch, var(--acc) 22%, transparent), color-mix(in oklch, var(--acc) 8%, transparent));opacity:0;border-radius:4px;height:36px;animation:5.4s ease-out .2s infinite gl-web-paint;transform:translateY(8px)}.gl-web .lines{flex-direction:column;gap:5px;display:flex}.gl-web .lines span{background:color-mix(in oklch, var(--acc) 18%, transparent);transform-origin:0;border-radius:2px;height:4px;animation:5.4s ease-out infinite gl-web-line;transform:scaleX(0)}.gl-web .lines span:first-child{width:90%;animation-delay:.6s}.gl-web .lines span:nth-child(2){width:75%;animation-delay:.75s}.gl-web .lines span:nth-child(3){width:85%;animation-delay:.9s}.gl-web .lines span:nth-child(4){width:60%;animation-delay:1.05s}@keyframes gl-web-paint{0%,4%{opacity:0;transform:translateY(8px)}14%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(8px)}}@keyframes gl-web-line{0%,9%{transform:scaleX(0)}20%,88%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}.gl-web .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-red);width:56px;height:56px;font-family:var(--ds-font-mono);color:var(--ds-color-brand-red);box-shadow:0 0 0 4px var(--ds-surface-base), 0 6px 18px -6px color-mix(in oklch, var(--ds-color-brand-red) 60%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;animation:5.4s ease-out infinite gl-web-badge;display:flex;position:absolute;bottom:12px;right:12px}@keyframes gl-web-badge{0%,30%{border-color:var(--ds-color-brand-red);color:var(--ds-color-brand-red);box-shadow:0 0 0 4px var(--ds-surface-base), 0 6px 18px -6px color-mix(in oklch, var(--ds-color-brand-red) 60%, transparent)}50%,to{border-color:var(--ds-color-success);color:var(--ds-color-success);box-shadow:0 0 0 4px var(--ds-surface-base), 0 6px 22px -4px color-mix(in oklch, var(--ds-color-success) 65%, transparent)}}.gl-web .badge .n{animation:5.4s steps(2,jump-none) infinite gl-web-num}.gl-web .badge .n:before{content:"47";animation:5.4s steps(2,jump-none) infinite gl-web-num-swap}@keyframes gl-web-num-swap{0%,47%{content:"47"}50%,to{content:"94"}}.gl-web .ll{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:8px;position:absolute;bottom:16px;left:14px}.gl-sec{grid-template-columns:170px 1fr;align-items:center;gap:16px;width:280px;height:220px;display:grid}.gl-sec .shield-only{justify-content:center;align-items:center;display:flex}.gl-sec .shield-only svg{width:100%;height:auto;display:block;overflow:visible}.gl-sec .shield{fill:none;stroke:var(--acc);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.gl-sec .check{fill:none;stroke:var(--ds-color-success);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70px;filter:drop-shadow(0 0 4px color-mix(in oklch, var(--ds-color-success) 50%, transparent));animation:3.6s ease-out infinite gl-sec-check-draw}@keyframes gl-sec-check-draw{0%,18%{stroke-dashoffset:70px;opacity:.4}32%,88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:70px;opacity:.4}}.gl-sec .tally{flex-direction:column;justify-content:center;gap:6px;display:flex}.gl-sec .row{background:color-mix(in oklch, var(--acc) 5%, transparent);border-left:2px solid var(--row-c,var(--acc));border-radius:0 4px 4px 0;grid-template-columns:60px 1fr 28px;align-items:center;gap:8px;padding:6px 8px;display:grid}.gl-sec .row.crit{--row-c:var(--ds-color-brand-red)}.gl-sec .row.high{--row-c:#f6ad55}.gl-sec .row.med{--row-c:var(--ds-color-brand-blue-light)}.gl-sec .row.low{--row-c:var(--ds-color-ink-muted)}.gl-sec .row .lbl{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--row-c,var(--acc));font-size:8.5px}.gl-sec .row .bar{background:var(--ds-surface-100);border-radius:2px;height:4px;position:relative;overflow:hidden}.gl-sec .row .bar:before{content:"";background:var(--row-c,var(--acc));transform-origin:0;animation:4.2s cubic-bezier(.22,1,.36,1) infinite gl-sec-bar;position:absolute;inset:0;transform:scaleX(0)}.gl-sec .row.crit .bar:before{--to:0;animation-delay:.8s}.gl-sec .row.high .bar:before{--to:.18;animation-delay:1.1s}.gl-sec .row.med .bar:before{--to:.4;animation-delay:1.4s}.gl-sec .row.low .bar:before{--to:.7;animation-delay:1.7s}@keyframes gl-sec-bar{0%,14%{transform:scaleX(0)}32%,88%{transform:scaleX(var(--to,.5))}to{transform:scaleX(var(--to,.5))}}.gl-sec .row .n{font-family:var(--ds-font-mono);color:var(--row-c,var(--acc));text-align:right;font-size:13px;font-weight:500;line-height:1}.gl-sec .stamp{border:1px solid var(--ds-color-success);background:color-mix(in oklch, var(--ds-color-success) 14%, transparent);font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ds-color-success);opacity:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:6px 10px;font-size:9px;animation:4.2s ease-out 2.4s infinite gl-sec-stamp;display:flex;transform:scale(.92)}@keyframes gl-sec-stamp{0%,56%{opacity:0;transform:scale(.92)}66%{opacity:1;transform:scale(1.05)}78%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.gl-dev{width:300px;height:220px}.gl-dev .term{border:1px solid color-mix(in oklch, var(--acc) 45%, transparent);width:100%;height:100%;font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);box-shadow:0 12px 32px -18px color-mix(in oklch, var(--acc) 80%, transparent);background:#0b1021;border-radius:10px;padding:34px 18px 16px;font-size:11px;line-height:1.75;position:relative;overflow:hidden}.gl-dev .term:before{content:"";background:var(--acc);width:8px;height:8px;box-shadow:14px 0 0 color-mix(in oklch, var(--acc) 50%, transparent), 28px 0 0 color-mix(in oklch, var(--acc) 25%, transparent);border-radius:50%;position:absolute;top:13px;left:16px}.gl-dev .term:after{content:"frappe@sysinfra:~$";color:var(--ds-color-ink-muted);letter-spacing:.06em;font-size:8.5px;position:absolute;top:12px;right:16px}.gl-dev .line{white-space:nowrap;width:0;margin-bottom:1px;overflow:hidden}.gl-dev .l1{animation:8s steps(28,end) infinite gl-dev-l1}.gl-dev .l2{animation:8s steps(34,end) infinite gl-dev-l2}.gl-dev .l3{animation:8s steps(32,end) infinite gl-dev-l3}.gl-dev .l4{animation:8s steps(26,end) infinite gl-dev-l4}@keyframes gl-dev-l1{0%,2%{width:0}15%,88%{width:100%}93%,to{width:0}}@keyframes gl-dev-l2{0%,18%{width:0}32%,88%{width:100%}93%,to{width:0}}@keyframes gl-dev-l3{0%,35%{width:0}50%,88%{width:100%}93%,to{width:0}}@keyframes gl-dev-l4{0%,52%{width:0}67%,88%{width:100%}93%,to{width:0}}.gl-dev .kw{color:var(--acc)}.gl-dev .str,.gl-dev .ok{color:var(--ds-color-success)}.gl-dev .num{color:#f6ad55}.gl-dev .com{color:var(--ds-color-ink-muted)}.gl-dev .caret{background:var(--acc);vertical-align:-2px;width:6px;height:12px;margin-left:2px;animation:.9s steps(2,end) infinite gl-dev-caret;display:inline-block}@keyframes gl-dev-caret{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gl-host .u .led,.gl-infra .link,.gl-infra .packet,.gl-m365 .conn,.gl-m365 .root-pulse,.gl-web .fill,.gl-sec .scan-bar,.gl-sec .ping,.gl-sec .check-circle,.gl-sec .check,.gl-dev .l1,.gl-dev .l2,.gl-dev .l3,.gl-dev .l4,.gl-dev .caret,.sgf-stage-foot .live:before{animation:none!important}.gl-m365 .conn{stroke-dashoffset:0!important}.gl-web .before .fill{transform:scaleX(.47)}.gl-web .after .fill{transform:scaleX(.94)}.gl-sec .check-circle{opacity:1;transform:scale(1)}.gl-sec .check{stroke-dashoffset:0}.gl-dev .l1,.gl-dev .l2,.gl-dev .l3,.gl-dev .l4{width:100%}}@media (max-width:1000px){.sgf,.sgf.flip{grid-template-columns:1fr}.sgf.flip .sgf-stage{border-right:none;border-bottom:1px solid var(--ds-color-border);order:0}.sgf.flip .sgf-body{border-right:none;order:1}.sgf-stage{border-right:none;border-bottom:1px solid var(--ds-color-border)}.sgf-pills{gap:8px}}.sgf[data-sgf=HOST]{--acc:var(--ds-color-brand-blue-light)}.sgf[data-sgf=INFRA]{--acc:#7aa7ff}.sgf[data-sgf=M365]{--acc:#5fb0e5}.sgf[data-sgf=WEB]{--acc:#6b8dff}.sgf[data-sgf=SEC]{--acc:#4ade80}.sgf[data-sgf=DEV]{--acc:var(--ds-color-brand-blue-light)}