.sg-page{background:var(--bg-page)}.sg-header{z-index:40;padding:var(--space-4) var(--space-4) var(--space-2);background:linear-gradient(to bottom, var(--bg-page) 65%, transparent);position:sticky;top:0}.sg-header .navbar-island{max-width:880px}.sg-header-title{font-size:var(--text-small);letter-spacing:-.01em;margin-right:auto;font-weight:700}.sg-header-title span{color:color-mix(in srgb, var(--white) 55%, var(--ink));font-weight:500}.sg-main{max-width:var(--container);padding:var(--space-8) var(--section-pad-x) var(--space-10);gap:var(--space-10);flex-direction:column;margin-inline:auto;display:flex}.sg-section{align-items:flex-start;gap:var(--space-5);flex-direction:column;scroll-margin-top:110px;display:flex}.sg-section>.sg-grid-2,.sg-section>.sg-grid-3,.sg-section>.sg-swatches,.sg-section>.sg-dark-strip,.sg-section>.panel,.sg-section>.sg-solution-demo,.sg-section>.sg-intro-stage,.sg-section>.sg-type-specimen{width:100%}.sg-section>h2{max-width:26ch}.sg-lead{color:var(--text-secondary);max-width:58ch}.sg-row{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sg-grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.sg-grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.sg-note{font-size:var(--text-tiny);color:var(--ink-soft);max-width:62ch}.sg-brand-stage{background:var(--ink);border-radius:var(--radius-2xl);justify-content:center;align-items:center;padding:clamp(32px,6vw,72px);display:flex}.sg-brand-stage svg,.sg-brand-stage img{width:min(560px,100%);height:auto}.sg-brand-emblem{background:var(--bg-card);border-radius:var(--radius-2xl);justify-content:center;align-items:center;padding:clamp(32px,5vw,56px);display:flex}.sg-brand-emblem img{width:min(200px,60%)}.sg-intro-stage{background:var(--ink);border-radius:var(--radius-2xl);justify-content:center;align-items:center;padding:clamp(32px,6vw,64px);display:flex;position:relative;overflow:hidden}.sg-intro-stage .sg-intro-slot{width:min(640px,100%)}.sg-intro-slot svg{width:100%;height:auto;overflow:visible;transform:translateZ(0)}.sg-replay{right:var(--space-4);bottom:var(--space-4);position:absolute}.sg-swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--white);overflow:hidden}.swatch-color{height:88px}.swatch-meta{flex-direction:column;gap:1px;padding:10px 14px;display:flex}.swatch-name{font-size:var(--text-tiny);font-weight:700}.swatch-hex{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:.8rem}.sg-type-specimen{gap:var(--space-5);flex-direction:column;display:flex}.sg-type-row{gap:var(--space-4);border-top:1px solid var(--border-soft);padding-top:var(--space-4);grid-template-columns:132px 1fr;align-items:baseline;display:grid}.sg-type-label{font-size:var(--text-tiny);color:var(--ink-soft);font-weight:600}.sg-dark-strip{background:var(--ink);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sg-solution-demo{background:var(--ink);color:var(--text-on-dark);border-radius:var(--radius-2xl);gap:var(--space-7);grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(24px,4vw,48px);display:grid}.sg-solution-list{border-left:2px solid color-mix(in srgb, var(--white) 12%, transparent);padding-left:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.solution-item{border-radius:var(--radius-xl);gap:var(--space-2) var(--space-3);grid-template-columns:40px 1fr;align-items:baseline;margin-left:-2px;padding:18px 22px;transition:background-color .25s;display:grid}.solution-item.active{background:color-mix(in srgb, var(--white) 6%, transparent);box-shadow:inset 2px 0 0 var(--coral)}.solution-item-number{color:var(--coral);font-weight:700;font-size:var(--text-small)}.solution-item h4{color:var(--white)}.solution-item p{color:var(--text-on-dark-soft);font-size:var(--text-small);grid-column:2}.solution-item.inactive h4{color:color-mix(in srgb, var(--white) 55%, var(--ink))}.sg-solution-screen{justify-content:center;display:flex}@media (width<=720px){.sg-solution-demo{grid-template-columns:1fr}.sg-type-row{gap:var(--space-1);grid-template-columns:1fr}}