.sgf-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:72px clamp(20px,4vw,32px)}.sgf-section-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:36px;padding-bottom:36px;display:flex}.sgf-section-head .sgf-eyebrow{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-brand-blue-light);align-items:center;gap:10px;font-size:11px;display:inline-flex}.sgf-section-head .sgf-eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.sgf-section-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;margin:0;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.05}.sgf-section-head h2 em{color:var(--ds-color-brand-blue-light)}.sgf-section-head .lede{color:var(--ds-color-ink-secondary);max-width:70ch;margin:0;font-size:15.5px;line-height:1.6}.sgf-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:1100px){.sgf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sgf-grid{grid-template-columns:1fr}}.sgf-card{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 10%, var(--ds-surface-50)), var(--ds-surface-50));border:1px solid var(--ds-color-border);min-height:380px;color:inherit;border-radius:18px;grid-template-rows:110px auto 1fr auto;gap:14px;padding:32px 28px 28px;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .22s;display:grid;position:relative;overflow:hidden}.sgf-card:hover{border-color:var(--ds-color-brand-blue-light);transform:translateY(-3px)}.sgf-card .ghost{pointer-events:none;font-family:var(--ds-font-display-editorial);letter-spacing:-.04em;color:color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);font-size:56px;font-weight:600;line-height:1;position:absolute;top:14px;right:18px}.sgf-card .glyph-slot{justify-content:center;align-items:center;padding-top:6px;display:flex}.sgf-card .info{flex-direction:column;gap:8px;display:flex}.sgf-card .step-marker{font-family:var(--ds-font-mono);letter-spacing:.18em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;font-size:11px}.sgf-card h3{font-family:var(--ds-font-heading);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.2}.sgf-card .body{color:var(--ds-color-ink-secondary);margin:0;font-size:13.5px;line-height:1.55}.sgf-card .foot{border-top:1px dashed color-mix(in oklch, var(--ds-color-brand-blue-light) 24%, transparent);font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.sgf-card .foot .arr{color:var(--ds-color-brand-blue-light);transition:transform .22s}.sgf-card:hover .foot .arr{transform:translate(4px)}.gl-host{justify-content:center;align-items:center;gap:8px;width:150px;height:100px;display:flex;position:relative}.gl-host .rack{background:var(--ds-surface-base);border:1.4px solid var(--ds-color-brand-blue-light);width:78px;box-shadow:0 6px 20px color-mix(in oklch, var(--ds-color-brand-blue) 26%, transparent);border-radius:5px;flex-direction:column;gap:4px;padding:8px 8px 6px;display:flex}.gl-host .ru{background:color-mix(in oklch, var(--ds-color-ink-muted) 12%, transparent);border:1px solid color-mix(in oklch, var(--ds-color-ink-muted) 24%, transparent);border-radius:2px;grid-template-columns:8px 1fr;align-items:center;gap:6px;height:10px;padding:0 4px;display:grid}.gl-host .ru .led{background:var(--ds-color-success);width:5px;height:5px;box-shadow:0 0 5px var(--ds-color-success);border-radius:50%;animation:1.6s ease-in-out infinite host-led}.gl-host .ru.r1 .led{animation-delay:0s}.gl-host .ru.r2 .led{animation-delay:.2s}.gl-host .ru.r3 .led{animation-delay:.4s}.gl-host .ru.r4 .led{animation-delay:.6s}.gl-host .ru.r5 .led{animation-delay:.8s}@keyframes host-led{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.gl-host .ru .bar{background:linear-gradient(90deg, color-mix(in oklch, var(--ds-color-brand-blue-light) 40%, transparent), transparent);border-radius:1px;width:70%;height:2px}.gl-host .ru.r2 .bar{width:90%}.gl-host .ru.r3 .bar{width:60%}.gl-host .ru.r4 .bar{width:85%}.gl-host .ru.r5 .bar{width:72%}.gl-host .pin{background:color-mix(in oklch, var(--ds-color-brand-blue) 20%, var(--ds-surface-base));border:1px solid var(--ds-color-brand-blue-light);font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-brand-blue-light);border-radius:3px;align-self:flex-start;align-items:center;gap:4px;margin-top:12px;padding:4px 8px;font-size:9px;font-weight:700;animation:4s ease-in-out infinite host-pin;display:inline-flex}.gl-host .pin:before{content:"";background:var(--ds-color-success);width:5px;height:5px;box-shadow:0 0 5px var(--ds-color-success);border-radius:50%}@keyframes host-pin{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.gl-infra{width:150px;height:100px;position:relative}.gl-infra svg{width:100%;height:100%;overflow:visible}.gl-infra .hub{fill:color-mix(in oklch, var(--ds-color-brand-blue-light) 22%, var(--ds-surface-base));stroke:var(--ds-color-brand-blue-light);stroke-width:1.6px}.gl-infra .hub-pulse{fill:none;stroke:var(--ds-color-brand-blue-light);stroke-width:1px;opacity:0;animation:2.8s ease-out infinite infra-pulse}.gl-infra .hub-pulse.p2{animation-delay:1.4s}@keyframes infra-pulse{0%{opacity:.6;r:12}to{opacity:0;r:26}}.gl-infra .node{fill:var(--ds-surface-base);stroke:var(--ds-color-success);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:4.5s ease-out infinite infra-node}.gl-infra .node.n1{animation-delay:.4s}.gl-infra .node.n2{animation-delay:.8s}.gl-infra .node.n3{animation-delay:1.2s}.gl-infra .node.n4{animation-delay:1.6s}@keyframes infra-node{0%,6%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}26%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gl-infra .edge{fill:none;stroke:var(--ds-color-brand-blue-light);stroke-width:1.2px;stroke-dasharray:50;stroke-dashoffset:50px;animation:4.5s ease-out infinite infra-edge}.gl-infra .edge.e1{animation-delay:.2s}.gl-infra .edge.e2{animation-delay:.6s}.gl-infra .edge.e3{animation-delay:1s}.gl-infra .edge.e4{animation-delay:1.4s}@keyframes infra-edge{0%,4%{stroke-dashoffset:50px}18%,88%{stroke-dashoffset:0}to{stroke-dashoffset:50px}}.gl-work{justify-content:center;align-items:center;gap:10px;width:160px;height:100px;display:flex;position:relative}.gl-work .laptop{flex-direction:column;width:90px;height:64px;display:flex;position:relative}.gl-work .laptop .screen{background:var(--ds-surface-base);border:1.4px solid var(--ds-color-brand-blue-light);height:56px;box-shadow:0 4px 14px color-mix(in oklch, var(--ds-color-brand-blue) 26%, transparent);border-radius:4px 4px 1px 1px;flex-direction:column;justify-content:center;gap:4px;padding:6px 8px;display:flex}.gl-work .laptop .screen .tile{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);opacity:0;transform-origin:0;border-radius:1px;height:8px;animation:4s ease-out infinite work-tile;transform:scaleX(.4)}.gl-work .laptop .screen .tile.t1{width:72%;animation-delay:.2s}.gl-work .laptop .screen .tile.t2{width:90%;animation-delay:.5s}.gl-work .laptop .screen .tile.t3{width:60%;animation-delay:.8s}@keyframes work-tile{0%,5%{opacity:0;transform:scaleX(.4)}18%{opacity:1;transform:scaleX(1)}26%,88%{opacity:1;transform:scaleX(1)}to{opacity:0}}.gl-work .laptop .base{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 40%, transparent);border-radius:0 0 4px 4px;width:110%;height:4px;margin-top:1px;margin-left:-5%}.gl-work .phone{background:var(--ds-surface-base);border:1.4px solid var(--ds-color-success);width:28px;height:50px;box-shadow:0 4px 12px color-mix(in oklch, var(--ds-color-success) 25%, transparent);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.gl-work .phone:before{content:"";background:color-mix(in oklch, var(--ds-color-ink-muted) 40%, transparent);border-radius:1px;width:8px;height:1.4px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.gl-work .phone .mfa{font-family:var(--ds-font-mono);letter-spacing:.04em;color:var(--ds-color-success);gap:1px;font-size:8px;font-weight:700;display:inline-flex}.gl-work .phone .mfa span{text-align:center;width:5px;animation:4s ease-in-out infinite work-digit;display:inline-block}.gl-work .phone .mfa span:nth-child(2){animation-delay:80ms}.gl-work .phone .mfa span:nth-child(3){animation-delay:.16s}.gl-work .phone .mfa span:nth-child(4){animation-delay:.24s}@keyframes work-digit{0%,55%{transform:translateY(0)}65%{opacity:0;transform:translateY(-7px)}67%{opacity:0;transform:translateY(7px)}75%,to{opacity:1;transform:translateY(0)}}.gl-work .check{background:color-mix(in oklch, var(--ds-color-success) 22%, var(--ds-surface-base));border:1.6px solid var(--ds-color-success);width:18px;height:18px;color:var(--ds-color-success);box-shadow:0 2px 8px color-mix(in oklch, var(--ds-color-success) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;animation:4s ease-out 1.8s infinite work-check;display:flex;position:absolute;bottom:-6px;right:-6px;transform:scale(0)rotate(-12deg)}.gl-work .check:before{content:"✓"}@keyframes work-check{0%,38%{transform:scale(0)rotate(-30deg)}48%{transform:scale(1.2)rotate(-6deg)}56%,88%{transform:scale(1)rotate(-10deg)}to{transform:scale(0)rotate(-30deg)}}.gl-web{width:156px;height:100px;position:relative}.gl-web .browser{background:var(--ds-surface-base);border:1.4px solid var(--ds-color-brand-blue-light);width:100%;height:88px;box-shadow:0 6px 18px color-mix(in oklch, var(--ds-color-brand-blue) 24%, transparent);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.gl-web .chrome{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 10%, transparent);border-bottom:1px solid var(--ds-color-border);align-items:center;gap:4px;padding:6px 8px;display:flex}.gl-web .chrome .dot{background:var(--ds-color-ink-muted);border-radius:50%;width:5px;height:5px}.gl-web .chrome .dot.r{background:var(--ds-color-brand-red)}.gl-web .chrome .dot.y{background:var(--ds-color-warning)}.gl-web .chrome .dot.g{background:var(--ds-color-success)}.gl-web .chrome .url{background:color-mix(in oklch, var(--ds-color-ink-muted) 14%, transparent);border-radius:3px;flex:1;height:8px;margin-left:6px}.gl-web .content{flex-direction:column;flex:1;justify-content:center;gap:5px;padding:8px 10px;display:flex}.gl-web .content .ln{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);transform-origin:0;border-radius:2px;height:4px;animation:4s ease-out infinite web-ln;transform:scaleX(0)}.gl-web .content .ln.l1{width:100%;animation-delay:.2s}.gl-web .content .ln.l2{width:70%;animation-delay:.5s}.gl-web .content .ln.l3{width:88%;animation-delay:.8s}.gl-web .content .ln.l4{background:var(--ds-color-success);width:50%;animation-delay:1.1s}@keyframes web-ln{0%,4%{transform:scaleX(0)}18%,88%{transform:scaleX(1)}to{transform:scaleX(0)}}.gl-web .speed{font-family:var(--ds-font-mono);letter-spacing:.1em;background:color-mix(in oklch, var(--ds-color-success) 18%, transparent);border:1px solid var(--ds-color-success);color:var(--ds-color-success);opacity:0;border-radius:3px;padding:3px 7px;font-size:8px;font-weight:700;animation:4s ease-out 1.8s infinite web-speed;position:absolute;bottom:-6px;right:6px;transform:scale(.7)}@keyframes web-speed{0%,38%{opacity:0;transform:scale(.7)}48%{opacity:1;transform:scale(1.1)}56%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.gl-sec{justify-content:center;align-items:center;width:110px;height:100px;display:flex;position:relative}.gl-sec svg{width:100%;height:100%;overflow:visible}.gl-sec .shield{fill:color-mix(in oklch, var(--ds-color-brand-blue) 18%, var(--ds-surface-base));stroke:var(--ds-color-brand-blue-light);stroke-width:1.8px;filter:drop-shadow(0 4px 14px color-mix(in oklch, var(--ds-color-brand-blue) 30%, transparent))}.gl-sec .scan{fill:var(--ds-color-success);opacity:0;animation:3.5s ease-in-out infinite sec-scan}@keyframes sec-scan{0%,5%{opacity:0;y:18}20%{opacity:.45}50%{opacity:.45;y:78}65%{opacity:0;y:78}to{opacity:0}}.gl-sec .check{fill:none;stroke:var(--ds-color-success);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36px;filter:drop-shadow(0 0 4px var(--ds-color-success));animation:3.5s ease-out 1.8s infinite sec-check}@keyframes sec-check{0%,50%{stroke-dashoffset:36px}68%,92%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.gl-tel{justify-content:center;align-items:center;width:160px;height:90px;display:flex;position:relative}.gl-tel svg{width:100%;height:100%;overflow:visible}.gl-tel .pbx{fill:var(--ds-surface-base);stroke:var(--ds-color-border);stroke-width:1.4px}.gl-tel .pbx-label{fill:var(--ds-color-ink-muted);font-family:var(--ds-font-mono);letter-spacing:.14em;font-size:9px}.gl-tel .arrow{fill:none;stroke:var(--ds-color-brand-blue-light);stroke-width:1.6px;stroke-dasharray:48;stroke-dashoffset:48px;animation:gl-tel-arrow 4.6s var(--ds-ease-out-expo,cubic-bezier(.22,1,.36,1)) infinite}@keyframes gl-tel-arrow{0%{stroke-dashoffset:48px}40%,88%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.gl-tel .cloud{fill:color-mix(in oklch, var(--ds-color-brand-blue) 18%, var(--ds-surface-base));stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px}.gl-tel .cloud-label{fill:var(--ds-color-brand-blue-light);font-family:var(--ds-font-mono);letter-spacing:.14em;font-size:9px;font-weight:600}.gl-tel .signal{fill:none;stroke:var(--ds-color-brand-blue-light);stroke-width:1.6px;stroke-linecap:round;opacity:0;animation:1.8s ease-in-out infinite gl-tel-signal}.gl-tel .signal.s2{animation-delay:.3s}@keyframes gl-tel-signal{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.gl-tel .arrow{stroke-dashoffset:0;animation:none}.gl-tel .signal{opacity:1;animation:none}}.gl-dev{justify-content:center;align-items:center;width:160px;height:100px;display:flex;position:relative}.gl-dev .br{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);z-index:2;font-size:50px;font-weight:500;line-height:1;position:relative}.gl-dev .lines{z-index:2;flex-direction:column;gap:5px;margin:0 8px;display:flex;position:relative}.gl-dev .lines .ln{opacity:0;transform-origin:0;border-radius:2px;height:3px;animation:4s ease-out infinite dev-line;transform:scaleX(0)}.gl-dev .lines .ln.l1{background:var(--ds-color-brand-blue-light);width:54px;animation-delay:.2s}.gl-dev .lines .ln.l2{background:var(--ds-color-success);width:40px;animation-delay:.5s}.gl-dev .lines .ln.l3{background:var(--ds-color-brand-blue-light);width:60px;animation-delay:.8s}.gl-dev .lines .ln.l4{background:var(--ds-color-warning);width:36px;animation-delay:1.1s}@keyframes dev-line{0%,5%{opacity:0;transform:scaleX(0)}16%,88%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.gl-dev .badge{font-family:var(--ds-font-mono);letter-spacing:.12em;background:color-mix(in oklch, var(--ds-color-success) 18%, transparent);border:1px solid var(--ds-color-success);color:var(--ds-color-success);opacity:0;border-radius:2px;padding:3px 7px;font-size:8px;font-weight:700;animation:4s ease-out 1.8s infinite dev-badge;position:absolute;top:4px;right:4px;transform:scale(.7)}@keyframes dev-badge{0%,38%{opacity:0;transform:scale(.7)}48%{opacity:1;transform:scale(1.15)}56%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.gl-host .ru .led,.gl-host .pin,.gl-infra .hub-pulse,.gl-infra .node,.gl-infra .edge,.gl-work .laptop .screen .tile,.gl-work .phone .mfa span,.gl-work .check,.gl-web .content .ln,.gl-web .speed,.gl-sec .scan,.gl-sec .check,.gl-dev .lines .ln,.gl-dev .badge,.sgf-card{transition:none!important;animation:none!important}.gl-infra .node,.gl-work .laptop .screen .tile,.gl-web .content .ln,.gl-dev .lines .ln{opacity:1;transform:scale(1)}.gl-infra .edge{stroke-dashoffset:0}.gl-work .check,.gl-web .speed,.gl-dev .badge{opacity:1;transform:scale(1)}.gl-sec .check{stroke-dashoffset:0}}