.sa-brand{isolation:isolate;background-color:var(--background);min-width:0;min-height:100%;color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body);transition:background-color var(--duration-standard) var(--ease-standard), color var(--duration-standard) var(--ease-standard);flex-direction:column;display:flex;position:relative;container:sa-brand/inline-size}.sa-brand:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.sa-brand[data-bg=dots]:before{background-image:radial-gradient(var(--dot-color) 1px, transparent 1.3px);background-position:11px 11px;background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}.sa-brand[data-bg=grain]:before{opacity:var(--grain-opacity,.07);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}.sa-brand[data-theme=dark][data-bg=grain]:before{mix-blend-mode:screen}.sa-brand[data-bg=gradient]:before{background:radial-gradient(120% 80% at 15% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%), radial-gradient(90% 70% at 100% 100%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 55%)}.sa-brand[data-bg=image]:before{background:linear-gradient(color-mix(in oklab, var(--background) 30%, transparent), color-mix(in oklab, var(--background) 30%, transparent)), var(--brand-bg-image) center / cover no-repeat}.sa-brand-stage{flex:1;place-items:center;width:100%;min-height:100%;padding:clamp(16px,5cqi,48px) clamp(16px,4cqi,32px) calc(clamp(16px,5cqi,48px) + 40px);display:grid}.sa-brand-panel{--sq-r:var(--radius-surface);--sq-fill:var(--surface);--sq-stroke:var(--border);width:min(100%, var(--brand-panel-width,420px));gap:var(--brand-gap,16px);min-width:0;padding:var(--brand-pad,32px);border:1px solid var(--sq-stroke);background:var(--sq-fill);color:var(--foreground);box-shadow:var(--shadow-raised);display:grid;position:relative}.sa-brand-header{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sa-brand-logo{width:auto;max-width:100%;height:var(--brand-logo-height,36px);object-fit:contain;display:block}.sa-brand-name{min-width:0;color:var(--foreground);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sa-brand-title{color:var(--foreground);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-weight:500;line-height:1.15}.sa-brand-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-body);text-wrap:pretty;margin:0}.sa-brand-body{gap:var(--brand-gap,16px);min-width:0;display:grid}.sa-brand-legal{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-body);margin:0}.sa-brand-legal a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-decoration-color:color-mix(in oklab, currentColor 40%, transparent)}.sa-brand-aside{display:none}@container sa-brand (min-width:860px){.sa-brand[data-layout=split] .sa-brand-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);place-items:stretch stretch;padding:0}.sa-brand[data-layout=split] .sa-brand-aside{border-right:1px solid var(--border);background:color-mix(in oklab, var(--accent) 7%, var(--surface));display:block;position:relative}.sa-brand[data-layout=split] .sa-brand-aside-inner{box-sizing:border-box;justify-content:space-between;gap:var(--space-8);flex-direction:column;height:min(100%,100dvh);padding:clamp(32px,5cqi,64px);display:flex;position:sticky;top:0}.sa-brand[data-layout=split] .sa-brand-aside .sa-brand-title{font-size:clamp(var(--text-3xl), 3.6cqi, var(--text-4xl))}.sa-brand[data-layout=split] .sa-brand-panel{margin:clamp(32px, 5cqi, 64px) var(--space-6);box-shadow:none;--sq-fill:transparent;--sq-stroke:transparent;background:0 0;border-color:#0000;place-self:center}.sa-brand[data-layout=split] .sa-brand-panel>:is(.sa-brand-header,.sa-brand-title,.sa-brand-subtitle){display:none}.sa-brand[data-layout=split] .sa-brand-aside .sa-brand-subtitle{max-width:36ch;margin-top:var(--space-3);font-size:var(--text-base)}}.sa-brand[data-layout=minimal] .sa-brand-panel{--sq-fill:transparent;--sq-stroke:transparent;width:min(100%,360px);box-shadow:none;background:0 0;border-color:#0000;padding-inline:0}.sa-brand[data-look=silicon]{--tracking-display:-.025em}.sa-brand[data-look=silicon] :is(h1,h2,.sa-brand-title){font-weight:600}.sa-brand[data-density=compact] .sa-brand-title{font-size:var(--text-xl)}.sa-brand.sa-brand[data-button-style=soft] [data-variant=primary]{--sq-fill:color-mix(in oklab, var(--primary) 14%, var(--surface));--sq-stroke:color-mix(in oklab, var(--primary) 20%, var(--surface));color:var(--accent-ink)}.sa-brand.sa-brand[data-button-style=soft] [data-variant=primary]:is(:hover,:focus-visible):not(:disabled){--sq-fill:color-mix(in oklab, var(--primary) 20%, var(--surface));--sq-stroke:color-mix(in oklab, var(--primary) 28%, var(--surface));box-shadow:none}.sa-brand.sa-brand[data-button-style=outline] [data-variant=primary]{--sq-fill:transparent;--sq-stroke:var(--accent-line,var(--primary));color:var(--accent-ink)}.sa-brand.sa-brand[data-button-style=outline] [data-variant=primary]:is(:hover,:focus-visible):not(:disabled){--sq-fill:color-mix(in oklab, var(--primary) 8%, transparent);--sq-stroke:var(--accent-line,var(--primary));box-shadow:none}.sa-brand.sa-brand[data-button-style=soft] [data-variant=primary]:active:not(:disabled),.sa-brand.sa-brand[data-button-style=outline] [data-variant=primary]:active:not(:disabled){--sq-fill:color-mix(in oklab, var(--primary) 18%, var(--surface))}@media (prefers-reduced-motion:reduce){.sa-brand{transition:none}}.sa-brand.sa-brand:is([data-button-style=soft],[data-button-style=outline]) [data-variant=primary]{background:var(--sq-fill);border-color:var(--sq-stroke)}