/* The original Sonaxis drawings, framed at full width with native mobile type. */
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}#sx-marketing-stage{margin:0;max-width:none}#sx-marketing-stage>section,#join{box-sizing:border-box}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}#instrument>canvas{filter:brightness(1.35) saturate(1.06)}
@media(max-width:900px){
 html{scroll-padding-top:88px}body{padding-top:72px!important}#sx-marketing-stage{zoom:1!important;width:100%!important;height:auto!important;overflow:hidden!important}#sx-marketing-stage>section,#join{width:100%!important;zoom:1!important;scroll-margin-top:72px}
 .sx-mobile-entry{display:flex!important;position:fixed!important;inset:0 0 auto!important;box-sizing:border-box;height:72px;z-index:1000;padding:12px 24px!important;justify-content:space-between;align-items:center;background:#050506;color:#f6f6f7;border-bottom:1px solid #303034;font:17px Arial,sans-serif}.sx-mobile-entry a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:9px}.sx-mobile-entry a:last-child{padding:0 16px!important;background:#f6f6f7;color:#050506;font-size:14px}.sx-mobile-entry svg{width:24px;height:16px}
 #top{height:760px!important;height:min(850px,calc(100svh - 72px))!important;min-height:600px}#top nav[aria-label=Main]{display:none!important}#top>canvas{left:50%!important;margin-left:-720px;transform:scale(var(--sx-hero-scale));transform-origin:center top;top:-24px!important}#top>svg{display:none}#top>.sx-loader{left:50%!important;margin-left:-150px;top:80px!important;transform:scale(.86)}#top>div:last-of-type{left:24px!important;right:24px!important;bottom:72px!important;gap:26px!important}#top h1{font-size:clamp(66px,11.7vw,108px)!important;line-height:.92!important;letter-spacing:-.065em!important}#top h1>span[aria-hidden]{display:block}#top .sx-label{font-size:10px!important;line-height:1.5}#top>p:last-child{right:24px!important;bottom:26px!important}#top .sx-tl{animation-delay:1s!important}#top .sx-rise{animation-delay:.7s!important}
 section[aria-label="Vague cues, made plain"]{height:100px!important}section[aria-label="Vague cues, made plain"]>.sx-marquee{top:28px!important}
 #instrument{height:800px!important}#instrument>canvas{left:50%!important;top:200px!important;width:1440px!important;height:900px!important;margin-left:-720px;transform:scale(var(--sx-journey-scale));transform-origin:center top}#instrument>.sx-label{left:28px!important;right:28px;top:48px!important;font-size:11px!important;line-height:1.4;letter-spacing:.08em}#instrument>h2{left:28px!important;right:28px;top:92px!important;font-size:clamp(34px,6.1vw,58px)!important;line-height:1.04!important;letter-spacing:-.055em!important}#instrument>h2>span:first-child{white-space:normal!important;max-width:700px}#instrument>h2>span:last-child{font-size:1.5em;line-height:.95}#instrument>.mono{left:28px!important;right:28px;bottom:24px!important;max-width:430px;font-size:9px!important;line-height:1.6}
 #process{height:auto!important;padding:56px 28px!important}#process>.sx-label{font-size:11px;line-height:1.5}#process>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 28px!important}#process h2{font-size:clamp(34px,5.8vw,54px)!important;margin:18px 0 12px!important}#process div p{font-size:16px!important;line-height:1.45}#process>a{display:inline-flex;align-items:center;min-height:44px;margin-top:32px!important;font-size:14px!important}
 #tools{height:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:56px 28px!important}#tools>canvas{display:none}#tools>div:first-of-type{position:relative!important;left:auto!important;right:auto!important;top:auto!important;grid-column:1/-1;display:block!important;margin-bottom:20px}#tools h2{font-size:clamp(44px,7vw,68px)!important;max-width:620px!important;line-height:1!important}#tools>div:first-of-type>div{align-items:flex-start!important;gap:12px!important;margin-top:24px}#tools>div:first-of-type p{text-align:left!important;font-size:16px!important;max-width:400px!important;line-height:1.5!important}#tools>div:first-of-type .sx-label{font-size:11px!important}#tools>.sx-core{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:280px!important;grid-column:1/-1;margin-bottom:8px;box-sizing:border-box}#tools>.sx-core svg{width:100%;height:120px}#tools .sx-core .sx-chip{font-size:11px!important;padding:6px 8px!important}#tools .sx-core div[style*="gap: 8px"]{flex-wrap:wrap}#tools>.sx-tw,#tools>.sx-daily-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:130px!important;margin:0;animation:none!important;opacity:1!important;transform:none!important}#tools>.sx-tw>.sx-fl{width:100%!important;height:130px!important}#tools .sx-mh{font-size:10px;padding-left:12px;padding-right:12px}#tools .sx-daily-content{padding:17px 12px;gap:10px}#tools .sx-weather-icon{width:38px}#tools .sx-weather-temperature{font-size:28px}#tools .sx-hydration-content{padding:14px 12px}#tools .sx-water-glasses{gap:5px}#tools .sx-water-glasses svg{width:18px}#tools .sx-integrations{position:relative!important;left:auto!important;right:auto!important;top:auto!important;grid-column:1/-1;margin-top:24px;padding-top:26px!important}#tools .sx-integrations>div:first-child{display:block!important}#tools .sx-integrations>div:first-child p{font-size:30px!important;line-height:1.1!important;margin-bottom:16px!important}
 #kits{height:auto!important;padding:56px 28px!important}#kits>h2{font-size:clamp(44px,7vw,68px)!important;line-height:1!important;margin:24px 0 36px!important}#kits .sx-label{font-size:11px;line-height:1.5}.sx-kit-track{gap:16px;margin-right:-28px;padding-right:28px;scroll-padding-left:0}.sx-kit{flex-basis:300px;height:350px}.sx-kit summary,.sx-kit-back{padding:24px}.sx-kit-title{font-size:32px}.sx-kit-copy{font-size:17px}.sx-kit-art{width:298px}
 #join{height:610px!important}#join>div:first-child{left:28px!important;right:28px!important;top:56px!important}#join>div:first-child>div:first-child{width:100%;gap:24px!important}#join>div:first-child>.sx-modd{display:none}#join div[style*="width: 520px"],#join [role=status]{width:100%!important;max-width:560px}#join input{font-size:16px!important;padding:0 12px!important}#join button{padding:0 18px!important;font-size:14px!important;white-space:nowrap}#join nav{flex-wrap:wrap;column-gap:22px!important;row-gap:0!important;font-size:14px!important}#join>div[aria-hidden]{left:28px!important;bottom:38px!important;font-size:clamp(90px,21vw,178px)!important}#join>div[aria-hidden]>span:first-child{display:none!important}
}
@media(max-width:560px){
 .sx-mobile-entry{padding:12px 22px!important}#top{min-height:560px;max-height:760px}#top h1{font-size:clamp(56px,12.5vw,70px)!important}#top>div:last-of-type{left:20px!important;right:20px!important;bottom:84px!important}#top>.sx-loader{top:44px!important}#top>.sx-label{font-size:10px!important}#instrument{height:735px!important}#instrument>.sx-label,#instrument>h2,#instrument>.mono{left:22px!important;right:22px!important}#instrument>h2{font-size:clamp(30px,8vw,44px)!important}#instrument>canvas{top:220px!important}#process,#tools,#kits{padding-left:22px!important;padding-right:22px!important}#tools{gap:12px}#tools h2{font-size:46px!important}#tools>.sx-tw,#tools>.sx-daily-card,#tools>.sx-tw>.sx-fl{height:120px!important}#tools .sx-mh{font-size:9px;padding-left:9px;padding-right:9px}#tools .sx-daily-content{padding:14px 9px;gap:7px}#tools .sx-weather-icon{width:30px}#tools .sx-weather-temperature{font-size:25px}#tools .sx-water-glasses{gap:3px}#tools .sx-water-glasses svg{width:16px}.sx-kit-track{margin-right:-22px;padding-right:22px}.sx-kit{flex-basis:min(300px,82vw)}#join>div:first-child{left:22px!important;right:22px!important}#join>div[aria-hidden]{left:22px!important}#join button{padding:0 14px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}.sx-rise,.sx-tl{animation:none!important;opacity:1!important;transform:none!important}}
@media(max-width:900px){section[aria-label="Vague cues, made plain"]>.sx-marquee{top:0!important;height:100px!important}.sx-fi{gap:22px!important;padding-right:34px!important}.sx-fq{font-size:30px!important}.sx-fp{font-size:13px!important}}
@media(max-width:900px){#tools .sx-core,#tools .sx-chip{animation:none!important;opacity:1!important;transform:none!important}#tools .sx-core{height:310px!important}}
#process{border-top:1px solid #303034}#process a{color:#F6F6F7!important}#process>div>div{border-top:1px solid #303034!important;padding-top:20px}#process .sx-label{color:#AAAAB2!important}
@media(max-width:900px){#join>div[aria-hidden]{font-size:clamp(76px,20.5vw,178px)!important}}
@media(max-width:380px){#join{height:680px!important}#join div[style*="width: 520px"]{flex-direction:column}#join input{min-height:54px;box-sizing:border-box;width:100%}#join button{width:100%;margin:0!important;min-height:52px}#process h2{font-size:32px!important}}
.sx-app-previews:focus-visible{outline:1px solid #AAAAB2;outline-offset:6px}
.sx-kit .sx-kit-back a{color:#111113!important;display:inline-flex;min-height:44px;align-items:center}