:root{--sgdp-navy:#10243e;--sgdp-navy2:#173252;--sgdp-yellow:#f0bd00;--sgdp-mint:#70cbbb;--sgdp-cream:#f4f0e7}
html.sgdp-lock,body.sgdp-lock{overflow:hidden!important}
.sgdp-preloader{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(240,189,0,.12),transparent 26%),radial-gradient(circle at 18% 82%,rgba(112,203,187,.08),transparent 25%),linear-gradient(145deg,#0c1f36 0%,#173252 53%,#0d233d 100%);color:#fff;font-family:Arial,sans-serif;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}
.sgdp-preloader.sgdp-hide{opacity:0;visibility:hidden;pointer-events:none}
.sgdp-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:86px 86px}
.sgdp-glow{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.07)}
.sgdp-glow-one{width:620px;height:620px;left:-430px;top:-380px}
.sgdp-glow-two{width:650px;height:650px;right:-460px;bottom:-420px;border-color:rgba(240,189,0,.15)}
.sgdp-stage{position:relative;z-index:3;width:min(760px,calc(100% - 40px));display:flex;flex-direction:column;align-items:center}
.sgdp-kicker{display:flex;align-items:center;gap:14px;margin-bottom:26px;color:rgba(255,255,255,.6);font-size:9px;font-weight:800;letter-spacing:2.1px}
.sgdp-kicker span{width:30px;height:1px;background:rgba(240,189,0,.8)}
.sgdp-brand-shell{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}
.sgdp-logo-card{position:relative;display:flex;align-items:center;justify-content:center;height:126px;background:#fff;border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 55px rgba(0,0,0,.22);overflow:hidden}
.sgdp-company-card{width:220px;padding:15px 20px}
.sgdp-brand-card{width:310px;padding:17px 25px}
.sgdp-logo-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--sgdp-yellow);animation:sgdpCardLine 1.8s ease .15s forwards}
.sgdp-brand-card:after{background:var(--sgdp-mint);animation-delay:.28s}
.sgdp-logo-card img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none!important;opacity:1!important}
.sgdp-connector{display:flex;align-items:center;gap:7px}
.sgdp-connector i{display:block;width:18px;height:1px;background:rgba(255,255,255,.18)}
.sgdp-connector em{display:block;width:8px;height:8px;border-radius:50%;background:var(--sgdp-yellow);box-shadow:0 0 0 6px rgba(240,189,0,.09);animation:sgdpPulse 1.3s ease-in-out infinite}
.sgdp-brand-meta{display:grid;grid-template-columns:220px 48px 310px;align-items:start;margin-top:13px;width:max-content;max-width:100%}
.sgdp-brand-meta>div:first-child{text-align:center}.sgdp-brand-meta>div:last-child{text-align:center}
.sgdp-brand-meta>span{height:1px}
.sgdp-brand-meta small{display:block;margin-bottom:3px;color:rgba(255,255,255,.38);font-size:7px;font-weight:800;letter-spacing:1.3px}
.sgdp-brand-meta strong{display:block;color:rgba(255,255,255,.82);font-size:11px;font-weight:700}
.sgdp-loading{width:min(590px,100%);margin-top:39px}
.sgdp-loading-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.sgdp-loading-top span{color:rgba(255,255,255,.5);font-size:8px;font-weight:800;letter-spacing:1.6px}
.sgdp-loading-top b{color:var(--sgdp-yellow);font-size:10px;letter-spacing:.6px}
.sgdp-track{position:relative;width:100%;height:2px;background:rgba(255,255,255,.1);overflow:hidden}
.sgdp-track i{position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,var(--sgdp-yellow),#f8d759);box-shadow:0 0 14px rgba(240,189,0,.45);transition:width .12s linear}
.sgdp-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:24px;color:rgba(255,255,255,.32);font-size:7px;font-weight:800;letter-spacing:1.1px}
.sgdp-tags i{width:4px;height:4px;border-radius:50%;background:var(--sgdp-yellow)}
.sgdp-corner{position:absolute;z-index:3;bottom:30px;display:flex;flex-direction:column;gap:4px}
.sgdp-corner-left{left:34px}.sgdp-corner-right{right:34px;text-align:right}
.sgdp-corner span{color:rgba(255,255,255,.55);font-size:8px;font-weight:800;letter-spacing:1.3px}
.sgdp-corner b{color:rgba(255,255,255,.24);font-size:7px;font-weight:700;letter-spacing:1px}
@keyframes sgdpPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}
@keyframes sgdpCardLine{to{width:100%}}
@media(max-width:700px){
 .sgdp-stage{width:calc(100% - 30px)}
 .sgdp-kicker{margin-bottom:21px;font-size:7px;letter-spacing:1.5px}
 .sgdp-brand-shell{gap:10px}
 .sgdp-logo-card{height:90px}
 .sgdp-company-card{width:128px;padding:10px}
 .sgdp-brand-card{width:185px;padding:12px}
 .sgdp-connector{gap:3px}.sgdp-connector i{width:6px}.sgdp-connector em{width:6px;height:6px}
 .sgdp-brand-meta{grid-template-columns:128px 32px 185px}
 .sgdp-brand-meta strong{font-size:9px}
 .sgdp-loading{margin-top:31px}
 .sgdp-corner{bottom:18px}.sgdp-corner-left{left:15px}.sgdp-corner-right{right:15px}
 .sgdp-corner b{display:none}
}
@media(max-width:410px){
 .sgdp-company-card{width:112px}.sgdp-brand-card{width:165px}
 .sgdp-brand-meta{grid-template-columns:112px 28px 165px}
 .sgdp-logo-card{height:82px}
 .sgdp-tags{gap:7px}.sgdp-tags span{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
 .sgdp-preloader,.sgdp-track i{transition:none!important}
 .sgdp-connector em,.sgdp-logo-card:after{animation:none!important}
 .sgdp-logo-card:after{width:100%}
}