.example-toolbar{border-top:1px solid var(--toolbar-border-color,#e0e0e0);background:var(--toolbar-bg,#f5f5f5);justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;padding:0 .75rem;font-size:.8rem;display:flex}.example-toolbar-controls{align-self:stretch;align-items:stretch;display:flex}.example-toolbar-control{font:inherit;cursor:pointer;color:var(--toolbar-text-color,#666);background:0 0;border:none;border-top:2px solid #0000;padding:0 .75rem;font-size:.8rem}.example-toolbar-control.active{color:var(--toolbar-accent-color,#c41e47);border-top-color:var(--toolbar-accent-color,#c41e47)}.example-toolbar-control[disabled]{color:var(--toolbar-disabled-color,#aaa);cursor:default}.example-toolbar-links{align-items:center;gap:.75rem;margin-left:auto;display:flex}.example-toolbar-sep{background:var(--toolbar-border-color,#ccc);width:1px;height:.9em}.example-toolbar-links a{color:var(--toolbar-accent-color,#0369a1);white-space:nowrap;text-decoration:none}.example-toolbar-links a:hover{text-decoration:underline}.toolbar-link-icon{vertical-align:-.1em;width:1em;height:1em;margin-right:.25em}.homepage{--showcase-width:1400px;--showcase-height:800px;--showcase-max-height:calc(100vh - 2em);--hover-opacity:.7}.homepage .button{cursor:pointer;transition:var(--transition);text-align:center;border:none;outline:none;align-items:center;gap:.4em;padding:.8em 1.4em;font-family:Hauora,Roboto,Arial,sans-serif;font-size:1em;text-decoration:none;display:inline-flex}.homepage .button:not([disabled]):hover{opacity:var(--hover-opacity)}.homepage .button-icon{vertical-align:-.15em;width:1.2em;height:1.2em}.homepage .button-primary{background:var(--sl-color-text-accent);color:var(--sl-color-black)!important}.homepage .button-outline{border:2px solid var(--text);background:0 0;color:var(--text)!important}.homepage .hero{max-width:var(--grid-size);padding:14em var(--grid-h-padding) 10em;text-align:center;margin:0 auto}.homepage .hero h1{justify-content:center;align-items:center;margin:0 0 .3em;font-size:2.4em;display:flex}.homepage .hero .hero-logo{height:1em;margin-right:.2em}.homepage .hero .tagline{margin:0 0 .5em;font-family:Hauora,Roboto,Arial,sans-serif;font-size:1.6em;font-weight:700}.homepage .hero .subtitle{color:var(--text-muted);max-width:550px;margin:0 auto 1em;font-size:1.15em;line-height:1.5}.homepage .hero .subtitle a{color:var(--text-muted);text-decoration:underline}.homepage .hero .ctas{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.homepage .showcase{max-width:var(--showcase-width);padding:0 var(--grid-h-padding) 3em;--toolbar-border-color:var(--light-grey);--toolbar-bg:var(--sl-color-gray-6);--toolbar-text-color:var(--text-muted);--toolbar-accent-color:var(--sl-color-text-accent);--toolbar-disabled-color:var(--grey);margin:0 auto}.homepage .showcase .wrapper{border:var(--border);box-sizing:border-box;position:relative;overflow:hidden}.homepage .showcase iframe{width:100%;height:var(--showcase-height);max-height:var(--showcase-max-height);border:none;display:block}.homepage .showcase .example-toolbar{z-index:1;position:relative}.homepage .why-sigma{max-width:var(--grid-size);padding:3em var(--grid-h-padding);margin:0 auto}.homepage .why-sigma h2{text-align:center;margin-bottom:1.5em}.homepage .why-sigma .cards{grid-template-columns:repeat(4,1fr);gap:1.5em;display:grid}.homepage .why-sigma .card{border:var(--border);padding:1.5em}.homepage .why-sigma .card h3{align-items:center;gap:.4em;margin:0 0 .5em;font-size:1.05em;display:flex}.homepage .why-sigma .card .card-icon{width:1.2em;height:1.2em;color:var(--sl-color-text-accent);flex-shrink:0}.homepage .why-sigma .card p{color:var(--text-muted);margin:0;font-size:.9em;line-height:1.5}.homepage .why-sigma .card p a{color:var(--text-muted)}.homepage .in-the-wild{max-width:var(--grid-size);padding:3em var(--grid-h-padding);margin:0 auto}.homepage .in-the-wild h2{text-align:center}.homepage .in-the-wild .intro{text-align:center;color:var(--text-muted);margin-bottom:2em}.homepage .in-the-wild .thumbnail{border:var(--border);transition:var(--transition);display:block;overflow:hidden}.homepage .in-the-wild .thumbnail>div{background-blend-mode:multiply;height:100%;transition:var(--transition);background-color:#d3d3d3;background-position:50%;background-repeat:no-repeat;background-size:cover}.homepage .in-the-wild .thumbnail:hover{border-color:var(--text-muted)}.homepage .in-the-wild .thumbnail:hover>div{background-color:#0000}.homepage .in-the-wild .sumup{padding:.8em 0}.homepage .in-the-wild .sumup h3,.homepage .in-the-wild .sumup p{margin:0}.homepage .in-the-wild .sumup p{color:var(--text-muted);font-size:.85em}.homepage .in-the-wild .featured{grid-template-columns:repeat(2,1fr);gap:1.5em;margin-bottom:1.5em;display:grid}.homepage .in-the-wild .featured .thumbnail{height:220px}.homepage .in-the-wild .others{grid-template-columns:repeat(4,1fr);gap:1em;display:grid}.homepage .in-the-wild .others .thumbnail{height:140px}@media (width<=1024px){.homepage .why-sigma .cards{grid-template-columns:repeat(2,1fr)}.homepage .in-the-wild .others{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.homepage .hero{padding:5em 1.5em 4em}.homepage .hero h1{font-size:1.8em}.homepage .hero .tagline{font-size:1.3em}.homepage .showcase{padding:0 0 2em}.homepage .why-sigma .cards,.homepage .in-the-wild .featured{grid-template-columns:1fr}.homepage .in-the-wild .others{grid-template-columns:repeat(2,1fr)}}