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