.sp-sg-header{z-index:var(--sp-z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--sp-border);background:#fffffff0;position:sticky;top:0}.sp-sg-header__inner{align-items:center;gap:var(--sp-s-4);min-height:64px;display:flex}.sp-sg-header__logo img{width:150px}.sp-sg-nav{gap:var(--sp-s-1);scrollbar-width:none;min-width:0;padding-block:var(--sp-s-2);display:flex;overflow-x:auto}.sp-sg-nav a{padding:var(--sp-s-1) var(--sp-s-3);border-radius:var(--sp-radius-pill);color:var(--sp-text-muted);font-size:var(--sp-fs-sm);flex:none;font-weight:600;text-decoration:none}.sp-sg-nav a:hover{background:var(--sp-blue-50);color:var(--sp-navy)}@media (width<=767px){.sp-sg-header__inner{padding-top:var(--sp-s-2);flex-direction:column;align-items:stretch;gap:0}}.sp-sg-hero{padding-block:var(--sp-s-7) var(--sp-s-6);background:radial-gradient(circle at 85% 20%, #1571b059, transparent 45%), linear-gradient(135deg, var(--sp-navy-900), var(--sp-navy));color:var(--sp-on-dark)}.sp-sg-hero h1{color:var(--sp-on-dark)}.sp-sg-hero p{color:#ffffffd9;max-width:60ch}.sp-sg-section{padding-block:var(--sp-s-7);border-bottom:1px solid var(--sp-border)}.sp-sg-section>.sp-container>h2{margin-bottom:var(--sp-s-2)}.sp-sg-section>.sp-container>.sp-lead{margin-bottom:var(--sp-s-5)}.sp-sg-sub{margin:var(--sp-s-6) 0 var(--sp-s-3)}.sp-sg-demo{padding:var(--sp-s-5);border:1px solid var(--sp-border);border-radius:var(--sp-radius);background:var(--sp-bg)}.sp-sg-demo--alt{background:var(--sp-bg-alt)}.sp-sg-demo--dark{background:var(--sp-navy)}.sp-sg-swatch{border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden}.sp-sg-swatch__chip{height:84px}.sp-sg-swatch__meta{padding:var(--sp-s-2) var(--sp-s-3) var(--sp-s-3);font-size:var(--sp-fs-xs)}.sp-sg-swatch__meta strong{font-size:var(--sp-fs-sm);display:block}.sp-sg-swatch__meta code{color:var(--sp-text-muted)}.sp-sg-type-row{gap:var(--sp-s-1) var(--sp-s-5);padding-block:var(--sp-s-3);border-bottom:1px dashed var(--sp-border);display:grid}@media (width>=768px){.sp-sg-type-row{grid-template-columns:160px minmax(0,1fr);align-items:baseline}}.sp-sg-type-row code{font-size:var(--sp-fs-xs);color:var(--sp-text-muted)}.sp-sg-space{align-items:center;gap:var(--sp-s-3);font-size:var(--sp-fs-xs);display:flex}.sp-sg-space span:first-child{background:var(--sp-blue);border-radius:2px;height:16px}.sp-sg-icons{gap:var(--sp-s-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.sp-sg-icons figure{align-items:center;gap:var(--sp-s-2);padding:var(--sp-s-3) var(--sp-s-1);border-radius:var(--sp-radius-sm);background:var(--sp-bg-alt);color:var(--sp-navy);flex-direction:column;display:flex}.sp-sg-icons figcaption{color:var(--sp-text-muted);font-size:.6875rem}.sp-sg-footer{padding-block:var(--sp-s-6);background:var(--sp-navy-900);color:#fffc;font-size:var(--sp-fs-sm)}.sp-sg-footer a{color:var(--sp-on-dark)}@media (width<=479px){.sp-sg-demo{padding:var(--sp-s-4)}.sp-sg-swatch__chip{height:56px}}