.seedaudio.sa-introduce-page{--sa-header-height:76px}.sa-introduce-page .sa-section{min-height:0;display:block}.intro-hero{isolation:isolate;padding-block:var(--sa-space-7) var(--sa-space-8);position:relative;overflow:hidden}.intro-hero-art{z-index:-2;object-fit:cover;object-position:65% 45%;width:100%;height:100%;position:absolute;inset:0}.intro-hero:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--background), color-mix(in srgb, var(--background) 83%, transparent) 32%, transparent 68%), linear-gradient(0deg, var(--background), transparent 45%);position:absolute;inset:0}.intro-breadcrumb{gap:var(--sa-space-3);color:var(--muted-foreground);font-size:var(--sa-text-sm);margin-bottom:var(--sa-space-12);display:flex}.intro-hero-grid{gap:var(--sa-space-12);grid-template-columns:1.1fr 1fr;align-items:center;min-height:430px;display:grid}.intro-hero-copy{min-width:0}.intro-model{font-family:var(--font-display);font-size:var(--sa-text-xl);margin-block:var(--sa-space-3) var(--sa-space-2)!important}.intro-hero h1{margin-bottom:var(--sa-space-6)}.intro-hero .sa-description{max-width:600px}.intro-hero-caption{padding:var(--sa-space-2) var(--sa-space-3);font-size:var(--sa-text-xs);background:var(--sa-glass);border-radius:var(--sa-radius-sm);place-self:end}.intro-facts{margin-top:var(--sa-space-12);border-block:1px solid var(--border);padding-block:var(--sa-space-6);gap:var(--sa-space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.intro-facts>div{gap:var(--sa-space-4);display:flex}.intro-fact-number,.intro-index{color:var(--primary);font-family:var(--font-display);font-size:var(--sa-text-xl)}.intro-facts h3{font-size:var(--sa-text-lg)}.intro-facts p{font-size:var(--sa-text-sm);margin-top:var(--sa-space-2)}.sa-introduce-page .sa-showcase-card{scroll-margin-top:calc(var(--sa-header-height) + var(--sa-space-4))}.intro-listen{margin-block:var(--sa-space-4);gap:var(--sa-space-3);display:grid}.intro-listen>div{gap:var(--sa-space-1);display:grid}.intro-listen dt,.intro-label{font-size:var(--sa-text-xs);color:var(--primary)}.intro-listen dd{font-size:var(--sa-text-sm);color:var(--muted-foreground);margin:0}.intro-reference-grid{gap:var(--sa-space-4);margin-block:var(--sa-space-5);display:grid}.intro-label{margin-bottom:var(--sa-space-2)!important}.intro-focus{font-size:var(--sa-text-sm)!important;margin-top:var(--sa-space-4)!important}.intro-overview{gap:var(--sa-space-12);grid-template-columns:.95fr 1.05fr;align-items:center;display:grid}.intro-scene{min-width:0}.intro-scene>img{border-radius:var(--sa-radius);width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 8% 85%,#0000);mask-image:linear-gradient(#0000,#000 8% 85%,#0000)}.intro-layer-panel{gap:var(--sa-space-3);margin-top:var(--sa-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.intro-layer{border-top:1px solid var(--sa-glass-border);padding-top:var(--sa-space-3)}.intro-layer strong{color:var(--sa-copper);font-size:var(--sa-text-xs)}.intro-layer span{color:var(--muted-foreground);font-size:var(--sa-text-xs);margin-top:var(--sa-space-2);display:block}.intro-cap-grid,.intro-use-grid,.intro-steps{gap:var(--sa-space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.intro-cap-card{padding:var(--sa-space-6);flex-direction:column;display:flex}.intro-cap-art{justify-content:center;align-items:center;gap:var(--sa-space-4);min-height:112px;margin-bottom:var(--sa-space-5);background:var(--sa-visual-light);display:flex}.intro-cap-art>svg{flex:none}.intro-cap-art .sa-signal-wave{width:50%}.intro-cap-card p,.intro-use-copy p{color:var(--muted-foreground);margin-block:var(--sa-space-4);font-size:var(--sa-text-sm)}.intro-cap-card a{color:var(--primary);font-size:var(--sa-text-sm);padding-top:var(--sa-space-3);margin-top:auto}.intro-input-grid{gap:var(--sa-space-12);grid-template-columns:1fr 1.05fr;align-items:start;display:grid}.intro-input-visual{place-items:center;gap:var(--sa-space-5);padding:var(--sa-space-8) var(--sa-space-6);top:calc(var(--sa-header-height) + var(--sa-space-6));grid-template-columns:minmax(0,1fr) auto minmax(0,2fr);display:grid;position:sticky}.intro-input-base,.intro-input-output{text-align:center;justify-items:center;gap:var(--sa-space-3);font-size:var(--sa-text-sm);display:grid}.intro-input-base>span{color:var(--muted-foreground);font-size:var(--sa-text-xs)}.intro-input-options{border:1px solid var(--sa-glass-border);border-radius:var(--sa-radius);padding:var(--sa-space-4);width:100%}.intro-input-options>p{text-align:center;font-size:var(--sa-text-sm);margin-bottom:var(--sa-space-4)}.intro-input-options>div{align-items:center;gap:var(--sa-space-3);display:flex}.intro-input-options span{justify-items:center;gap:var(--sa-space-3);text-align:center;font-size:var(--sa-text-xs);flex:1;display:grid}.intro-input-options b{font-size:var(--sa-text-xs);color:var(--sa-copper)}.intro-input-arrow{grid-column:1/-1;transform:rotate(90deg)}.intro-input-output{border:1px solid var(--sa-glass-border);width:70%;padding:var(--sa-space-5);border-radius:var(--sa-radius);background:var(--sa-glass);grid-column:1/-1}.intro-input-output .sa-signal-wave{width:100%}.intro-limits{border-block:1px solid var(--border);margin:0}.intro-limits>div{gap:var(--sa-space-5);padding-block:var(--sa-space-4);grid-template-columns:130px 1fr;display:grid}.intro-limits>div+div{border-top:1px solid var(--border)}.intro-limits dt{font-weight:600;font-size:var(--sa-text-sm)}.intro-limits dd{color:var(--muted-foreground);font-size:var(--sa-text-sm);margin:0}.intro-use-grid article{flex-direction:column;display:flex;overflow:hidden}.intro-use-grid img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.intro-use-copy{padding:var(--sa-space-5);flex-direction:column;flex:1;display:flex}.intro-use-copy .sa-text-link{font-size:var(--sa-text-sm);margin-top:auto}.intro-steps{margin:0;padding:0;list-style:none}.intro-steps li{border-top:1px solid var(--sa-glass-border);padding-top:var(--sa-space-6)}.intro-steps li>span{color:var(--primary);font-family:var(--font-display);font-size:var(--sa-text-xl);margin-bottom:var(--sa-space-4);display:block}.intro-steps p{margin-top:var(--sa-space-3);color:var(--muted-foreground)}.intro-example{margin-top:var(--sa-space-8);padding:var(--sa-space-6);align-items:center;gap:var(--sa-space-7);grid-template-columns:.7fr 1fr 1.2fr;display:grid}.intro-example img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--sa-radius-sm);width:100%;height:auto}.intro-example p{font-size:var(--sa-text-sm);margin-top:var(--sa-space-3)}.intro-example a{color:var(--primary);margin-top:var(--sa-space-3);font-size:var(--sa-text-sm);display:inline-block}.intro-example-text{white-space:pre-line;border-left:2px solid var(--primary);padding-left:var(--sa-space-6)}.sa-introduce-page #next-steps{background:var(--sa-visual-light)}.intro-next-grid{gap:var(--sa-space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.intro-next-grid>a{padding:var(--sa-space-7)}.intro-next-grid>a:hover{border-color:var(--primary)}.intro-index{margin-bottom:var(--sa-space-3);display:block}.intro-next-grid p{margin-top:var(--sa-space-3)}@media (max-width:1023px){.intro-hero-grid{gap:var(--sa-space-6);grid-template-columns:1.2fr .8fr}.intro-overview,.intro-input-grid{gap:var(--sa-space-8);grid-template-columns:minmax(0,1fr)}.intro-input-visual{position:static}.intro-cap-grid,.intro-use-grid,.intro-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-next-grid{grid-template-columns:minmax(0,1fr)}.intro-example{grid-template-columns:.7fr 1.3fr}.intro-example-text{grid-column:1/-1}}@media (max-width:599px){.seedaudio.sa-introduce-page{--sa-header-height:120px}.intro-hero-art{object-position:72% center;height:340px}.intro-hero:before{background:linear-gradient(0deg, var(--background) 63%, transparent 94%)}.intro-breadcrumb{margin-bottom:220px}.intro-hero-grid{min-height:0;display:block}.intro-hero-caption{display:none}.intro-facts{gap:var(--sa-space-5);grid-template-columns:minmax(0,1fr)}.intro-facts>div+div{border-top:1px solid var(--border);padding-top:var(--sa-space-5)}.intro-layer-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-cap-grid,.intro-use-grid,.intro-steps{grid-template-columns:minmax(0,1fr)}.intro-cap-art{min-height:88px}.intro-input-visual{padding:var(--sa-space-5) var(--sa-space-3);gap:var(--sa-space-3)}.intro-input-options{padding:var(--sa-space-3)}.intro-input-options>div{gap:var(--sa-space-2)}.intro-limits>div{gap:var(--sa-space-2);grid-template-columns:minmax(0,1fr)}.intro-example{padding:var(--sa-space-5);gap:var(--sa-space-5);grid-template-columns:minmax(0,1fr)}}