:root{--bg:#f3f3f3;--ink:#181818;--muted:#747474;--blue:#2458e6;--lime:#ededed;--border:#d8d8d8}
[hidden]{display:none!important}body{background:#f3f3f3}.navigation{height:72px;max-width:none;margin:0;padding:0 4vw;border-radius:0;border-bottom:1px solid #ddd;box-shadow:none;background:#fff;position:sticky;top:0;z-index:50}.brand{font-weight:650;font-size:21px;letter-spacing:-.7px}.brand-light{color:#777}.brand-symbol{transform:none;gap:2px}.brand-symbol i,.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(3){background:#222;height:5px;border-radius:0}.badge{background:#eee;color:#555;border-radius:0}.nav-start{background:#2458e6;color:#fff;border-radius:3px}.hero{padding-top:52px}.hero-tag{background:none;color:#707070;border-radius:0;font-size:9px;letter-spacing:2px}.hero-tag>span{background:#222;border-radius:0}h1{font-size:clamp(40px,4.5vw,66px);font-weight:600;letter-spacing:-2px}h1>span{color:#181818}.button{border-radius:3px;box-shadow:none;font-weight:500}.hero-note{color:#777}.playground{border-radius:4px;background:#e7e7e7}.playground>img{filter:saturate(.35);mix-blend-mode:multiply}.floating-tag{background:#fff!important;color:#222!important;border-radius:3px;transform:none;box-shadow:none;border:1px solid #ddd;font-size:10px}.playground-caption strong{font-size:31px;font-weight:500}.palette i{border-radius:0;filter:saturate(.5)}.visual-note{color:#777}.benefit-icon,.benefit-icon.green,.benefit-icon.pink{background:#e6e6e6;color:#222;border-radius:3px}.kicker{color:#777;font-weight:400}.section-top h2,h2{font-weight:550}.scene-options button{border-radius:4px;border-left:2px solid transparent}.scene-options button[aria-selected=true]{box-shadow:none;background:#fff;border-left-color:#2458e6}.scene-emoji,.scene-options button:nth-child(2) .scene-emoji,.scene-options button:nth-child(3) .scene-emoji{background:#eee;color:#333;border-radius:3px}.scene-panel{border-radius:4px}.scene-card{border-radius:3px;backdrop-filter:none;background:#fff;border:1px solid #ddd}.section-pill{background:none;border:1px solid #ddd;color:#777;border-radius:2px}.feature,.size-feature,.color-feature,.stack-feature{background:#fff;border-radius:4px;border:1px solid #ddd}.card-icon,.color-feature .card-icon,.stack-feature .card-icon{border-radius:3px;background:#eee;color:#222}.color-bubbles i{box-shadow:none;filter:saturate(.4)}.card-bottom{color:#777}.stack-demo{transform:none}.stack-demo i,.stack-demo i:nth-child(2),.stack-demo i:nth-child(3){background:#bbb;box-shadow:6px -5px 0 #999;border-radius:2px}.stack-demo i:nth-child(2){background:#eee;box-shadow:6px -5px 0 #ddd}.stack-demo i:after{background:#777}.make-visual{border-radius:4px}.make-visual>span{border-radius:2px}.steps li>span{border-radius:3px;background:#e3e3e3;color:#222}.format-pills span{border-color:#ccc;color:#555;border-radius:2px}.cta{background:#1c1c1c;border-radius:4px}.cta-chip,.cta p{color:#aaa}.cta-flower{display:none}.dark{background:#2458e6;color:white}.contact-intro .avatar{background:#ddd;color:#222;border-radius:3px}.avatar>span{color:#555}.contact-links>div{border-radius:3px;border:1px solid #ddd}.contact-icon,.contact-links>div:nth-child(2) .contact-icon,.contact-links>div:nth-child(3) .contact-icon,.contact-links>div:nth-child(4) .contact-icon{background:#eee;color:#444;border-radius:3px}.coming{border-radius:2px;color:#777;background:#eee}.questions details{border-radius:3px;border:1px solid #ddd}footer{border-color:#ccc}.menu-toggle{border-radius:3px;background:#eee;color:#222}.in-studio{overflow:hidden}.in-studio .navigation{position:fixed;inset:0 0 auto;height:72px}.in-studio .nav-start{background:#eee;color:#222}.in-studio #studio-view{position:fixed;inset:72px 0 0;background:#eee}#studio-frame{width:100%;height:100%;display:block;border:0}#studio-fallback{padding:40px}
@media(max-width:760px){.navigation{height:64px;padding:0 16px;margin:0;border-radius:0}.navigation nav{top:64px;border-radius:0;box-shadow:none;border-bottom:1px solid #ddd}.in-studio .navigation{height:64px}.in-studio #studio-view{top:64px}.scene-options button[aria-selected=true]{background:#222;color:white;border-left-color:#2458e6}.scene-options button[aria-selected=true] .scene-emoji{background:#444;color:white}.playground{border-radius:3px}.contact-intro .avatar{border-radius:3px}.hero-tag{font-size:8px;letter-spacing:1px}nav{border-radius:0}}
.studio-nav[aria-current=page]{color:#2458e6}.hero-subtitle,.hero-note,.section-top>p,.feature p,.steps p,.contact-intro>p,.print-note,.scene-hint,.scene-options small,.mini-label{color:#747474}.kicker{color:#666}.questions details p{color:#777}