/* styles/20-raycast.css — lifted from the Raycast template (vendor file).
   Sources: styles/01-0osfq-buv3--h.css
     .SectionTitle__*  154-213
     .ArrowLink__*     224-245
     .Button__*        3385-3455 (.Button__danger dropped)
     .Tag__tag         4455-4475
   Adaptations: hover rules wrapped in (hover:hover) and (pointer:fine);
   overrides at the bottom per plan §3.2. Filled further by later handoffs. */

.SectionTitle__container {
  scroll-margin-top:var(--navbar-total-spacing)
}
.SectionTitle__container h2,.SectionTitle__container p {
  letter-spacing:.2px;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:160%
}
@media (min-width:720px) {
  .SectionTitle__container h2,.SectionTitle__container p {
    font-size:20px;
    line-height:normal
  }
}
.SectionTitle__container.SectionTitle__large h2 {
  letter-spacing:.2px;
  margin-bottom:12px;
  font-size:20px;
  line-height:160%
}
@media (min-width:720px) {
  .SectionTitle__container.SectionTitle__large h2 {
    font-size:32px
  }
}
.SectionTitle__container.SectionTitle__large p {
  letter-spacing:.2px;
  max-width:516px;
  margin:0 auto;
  font-size:16px;
  font-weight:400;
  line-height:150%
}
@media (min-width:720px) {
  .SectionTitle__container.SectionTitle__large p {
    font-size:18px
  }
}
.SectionTitle__container h2 {
  color:var(--Text-Loud,var(--Base-White,#fff))
}
.SectionTitle__container p {
  color:var(--Text-Muted,var(--grey-300))
}
.SectionTitle__container.SectionTitle__center {
  text-align:center
}
.SectionTitle__container.SectionTitle__inline {
  gap:6px;
  display:flex
}
.SectionTitle__container.SectionTitle__inline.SectionTitle__center {
  justify-content:center
}
.SectionTitle__tag {
  font-family:var(--monospace-font);
  color:var(--grey-300);
  text-transform:uppercase;
  letter-spacing:.2px;
  margin-bottom:8px;
  font-size:14px;
  font-weight:500;
  display:block
}

.ArrowLink__link {
  color:var(--Text-Default,var(--grey-200));
  letter-spacing:.3px;
  align-items:center;
  gap:3px;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  transition:color .3s;
  display:inline-flex
}
.ArrowLink__link .ArrowLink__svg {
  width:16px;
  height:16px;
  transition:transform .3s
}
@media (hover:hover) and (pointer:fine) {
  .ArrowLink__link.ArrowLink__right:hover .ArrowLink__svg {
    transform:translate(2px)
  }
  .ArrowLink__link.ArrowLink__north-east:hover .ArrowLink__svg {
    transform:translate(2px,-2px)
  }
  .ArrowLink__link:hover {
    color:var(--Text-Loud,var(--Base-White,#fff))
  }
}

.Button__button {
  gap:var(--spacing-1);
  min-height:36px;
  padding:var(--spacing-1) var(--spacing-1-5);
  letter-spacing:.2px;
  white-space:nowrap;
  cursor:pointer;
  border-radius:var(--rounding-normal);
  border:none;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  font-size:14px;
  font-weight:500;
  line-height:16px;
  transition:background-image .2s,background-color .2s,box-shadow .2s ease-in-out,transform .1s ease-in-out;
  display:inline-flex
}
.Button__button>svg {
  width:16px;
  height:16px
}
.Button__button:disabled {
  cursor:not-allowed;
  opacity:.3
}
.Button__button:disabled:active {
  transform:none
}
.Button__light {
  color:var(--grey-500);
  background:var(--grey-50);
  box-shadow:0 0 0 2px #00000080,0 0 14px #ffffff30,inset 0 -1px .4px #0003,inset 0 1px .4px #fff
}
.Button__light:active {
  background:var(--grey-100);
  box-shadow:inset 0 -1px .4px #0003,inset 0 1px .4px #fff,0 0 0 2px #00000080,0 0 14px #ffffff30
}
.Button__light:focus {
  background:var(--grey-50);
  outline:none;
  box-shadow:inset 0 -1px .4px #0003,inset 0 1px .4px #fff,0 0 0 2px #f4f4f4,0 0 0 2px #00000080,0 0 14px #ffffff30
}
.Button__light:disabled {
  color:var(--grey-100);
  background:var(--grey-500);
  opacity:1;
  box-shadow:0 0 0 2px #00000080
}
.Button__dark {
  color:var(--Base-White,#fff);
  background:linear-gradient(#ffffff08 0%,#ffffff1a 100%);
  box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff40,inset 0 -1px #0003
}
.Button__dark:active {
  box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff26,inset 0 -1px #0003
}
.Button__dark:focus {
  outline:none;
  box-shadow:inset 0 1px #ffffff0d,0 0 0 2px #ffffff80,inset 0 -1px #0003
}
.Button__dark:disabled {
  box-shadow:0 0 0 1px #ffffff40,inset 0 -1px #0003
}
@media (hover:hover) and (pointer:fine) {
  .Button__light:not(:disabled):hover {
    background:var(--Base-White,#fff);
    box-shadow:inset 0 -1px .4px #0003,inset 0 1px .4px #fff,0 0 0 2px #00000080,0 0 14px #ffffff30
  }
  .Button__dark:not(:disabled):hover {
    box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff80,inset 0 -1px #0003
  }
}

.Tag__tag {
  gap:var(--spacing-1);
  height:26px;
  color:var(--Text-Loud,var(--Base-White,#fff));
  letter-spacing:.2px;
  white-space:nowrap;
  background:var(--grey-600);
  border-radius:6px;
  align-items:center;
  padding:0 6px;
  font-size:14px;
  font-weight:500;
  display:inline-flex
}
.Tag__tag .Tag__icon {
  justify-content:center;
  align-items:center;
  width:16px;
  height:16px;
  display:inline-flex
}

/* Wav overrides (plan §3.2) */
.Button__button {
  font-family: var(--font-sans);
}
.Button__button:focus-visible {
  outline: 2px solid var(--accent-ring);
  outline-offset: 3px;
}
.Button__button:not(:disabled):active {
  transform: scale(.97);
  transition-duration: 150ms;
  transition-timing-function: var(--ease-press);
}
.Button__lg {
  min-height: 44px;
  padding: 12px 18px;
  font-size: 15px;
}

/* lifted: raycast/styles/00-3sbjjo5vohbfz.css 451-474 (nav link) — hover gated to fine pointers */
.NavLink__navLink {
  padding: var(--spacing-1-5) var(--spacing-1);
  color: var(--grey-200);
  letter-spacing: .2px;
  white-space: nowrap;
  border-radius: var(--rounding-sm);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  transition: all .2s ease-in-out;
  text-decoration: none;
  display: block;
}
.NavLink__navLink:focus {
  background: #ffffff0d;
}
@media (min-width: 720px) {
  .NavLink__navLink:focus {
    background: 0 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .NavLink__navLink:hover {
    color: var(--grey-50);
  }
}

/* lifted: raycast/styles/00-3sbjjo5vohbfz.css 475-734 (navbar).
   Adaptations: dropped signed-in/download/login blocks, --removed-body-scroll-bar-size
   resolved to 0, .Navbar__primary added for our link group. */
.Navbar__container {
  z-index: 100;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2);
  overscroll-behavior: contain;
  justify-content: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.Navbar__container.Navbar__menuOpened {
  min-height: 100vh;
  max-height: 100vh;
  padding-bottom: var(--spacing-3);
  overflow-y: scroll;
}
.Navbar__navbar {
  width: 100%;
  max-width: var(--container-width);
  height: var(--navbar-height);
  padding: var(--spacing-2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid var(--Card-Border, #ffffff0f);
  border-radius: var(--rounding-lg);
  will-change: height, transform;
  background: linear-gradient(137deg, #111214bf 4.87%, #0c0d0fe6 75.88%);
  grid-template-rows: 24px auto;
  grid-template-columns: 1fr;
  justify-content: center;
  transition: height .3s, transform .3s;
  display: grid;
  overflow: hidden;
  position: relative;
  transform: translate(0,0);
  box-shadow: inset 0 1px 1px #ffffff26;
}
.Navbar__logoContainer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  z-index: 1;
}
.Navbar__logoContainer>a {
  display: contents;
}
.Navbar__logoContainer .Navbar__logo,
.Navbar__logoContainer .Navbar__logoFull {
  height: 24px;
  transition: transform .2s;
  display: flex;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  .Navbar__logoContainer .Navbar__logoFull:hover,
  .Navbar__logoContainer .Navbar__logoFull:focus,
  .Navbar__logoContainer .Navbar__logo:hover,
  .Navbar__logoContainer .Navbar__logo:focus {
    transform: scale(1.05);
  }
}
.Navbar__navToggle {
  cursor: pointer;
  will-change: transform;
  width: 24px;
  height: 16px;
  padding: 0;
  border: 0;
  background: none;
  transition: transform .5s, opacity .3s;
  position: relative;
  transform: translateY(0) rotate(0);
}
.Navbar__menuOpened .Navbar__navToggle {
  transform: translateY(0) rotate(180deg);
}
.Navbar__menuOpened .Navbar__navToggle .Navbar__navToggleLine:first-child {
  top: 50%;
  transform: translate(-50%) rotate(-45deg);
}
.Navbar__menuOpened .Navbar__navToggle .Navbar__navToggleLine:nth-child(2) {
  opacity: 0;
  top: 50%;
  transform: translate(-50%);
}
.Navbar__menuOpened .Navbar__navToggle .Navbar__navToggleLine:nth-child(3) {
  top: 50%;
  transform: translate(-50%) rotate(45deg);
}
.Navbar__navToggleLine {
  will-change: normal;
  background: #ffffffe6;
  width: 100%;
  height: 1px;
  transition: transform .5s, opacity .25s;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
}
.Navbar__navToggleLine:first-child {
  top: 10%;
}
.Navbar__navToggleLine:nth-child(2) {
  top: 50%;
}
.Navbar__navToggleLine:nth-child(3) {
  top: 90%;
}
.Navbar__navigation {
  gap: var(--spacing-05);
  padding: var(--spacing-6) 0 var(--spacing-4);
  flex-direction: column;
  display: flex;
}
.Navbar__primary {
  flex-direction: column;
  display: flex;
}
.Navbar__secondary {
  padding-top: var(--spacing-4);
  border-top: 1px solid #ffffff1a;
  display: flex;
}
.Navbar__secondary .Button__button {
  flex: 1;
}
@media (min-width: 880px) {
  .Navbar__navbar {
    padding: var(--spacing-2) var(--spacing-4);
    display: flex;
    overflow: visible;
  }
  .Navbar__logoContainer {
    top: 50%;
    left: var(--spacing-4);
    justify-content: center;
    width: auto;
    position: absolute;
    transform: translateY(-50%);
  }
  .Navbar__logoContainer .Navbar__navToggle {
    display: none;
  }
  .Navbar__navigation {
    gap: var(--spacing-2);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
  }
  .Navbar__primary {
    flex-direction: row;
    align-items: center;
  }
  .Navbar__secondary {
    top: 50%;
    right: var(--spacing-4);
    border-top: none;
    align-items: center;
    height: 100%;
    padding: 0;
    display: grid;
    position: absolute;
    transform: translateY(-50%);
  }
}

/* lifted: raycast/styles/04-2jcgnmycggflp.css 1579-1781,1841-1860 (showcase frame/stars/dock/tooltip)
   + styles/showcase-runtime.css. Adaptations: reel becomes a single crossfade stage
   (.ow-reel), five RaycastWindow timelines and menu-bar markup dropped, star glow
   recoloured to accent, hover gated to fine pointers. */
.index-utU0aa__container {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.index-utU0aa__sectionTitle {
  margin-bottom: var(--spacing-8);
}
.index-utU0aa__frameOuter {
  width: 100%;
  max-width: min(1204px, 100vw + 19px);
  height: clamp(500px, 60vw + 274.436px, 740px);
  padding: var(--spacing-1);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: radial-gradient(85.77% 49.97% at 51% 5.12%, #ff96961c 0%, #dee2ff14 45.83%, #f1f2ff05 100%), #00000070;
  border: 1px solid #ffffff14;
  position: relative;
  transform: translate(0,0);
  box-shadow: 0 0 40px 20px #ffffff08, inset 0 .5px #ffffff4d;
}
@media (min-width: 1204px) {
  .index-utU0aa__frameOuter {
    border-radius: 19px;
  }
}
.index-utU0aa__backdropWrapper {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
}
.index-utU0aa__backdrop {
  filter: blur(20px);
  position: absolute;
  inset: -60px -70px;
  transform: translate(0,0);
}
.index-utU0aa__backdrop:before {
  z-index: -1;
  clip-path: polygon(0% 0%,50% 14%,100% 0%,92% 50%,100% 100%,50% 86%,0% 100%,8% 50%);
  content: "";
  background: radial-gradient(40% 147% at 50% 46.2%, #c0808938 5%, #9aaaff1c 60%, #ffc0c000 140%);
  position: absolute;
  inset: 0;
}
.index-utU0aa__stars {
  position: absolute;
  inset: -45px -135px;
}
.index-utU0aa__stars>* {
  position: absolute;
}
.index-utU0aa__stars .index-utU0aa__top {
  height: 45px;
  top: 0;
  left: 0;
  right: 0;
}
.index-utU0aa__stars .index-utU0aa__bottom {
  height: 45px;
  bottom: 0;
  left: 0;
  right: 0;
}
.index-utU0aa__stars .index-utU0aa__left {
  width: 86px;
  top: 82px;
  bottom: 82px;
  left: 50px;
}
.index-utU0aa__stars .index-utU0aa__right {
  width: 86px;
  top: 82px;
  bottom: 82px;
  right: 50px;
}
.index-utU0aa__stars .index-utU0aa__star {
  background: #fff;
  border-radius: 100%;
  position: absolute;
}
.index-utU0aa__stars .index-utU0aa__star:after,
.index-utU0aa__stars .index-utU0aa__star:before {
  width: inherit;
  height: inherit;
  content: "";
  border-radius: inherit;
  opacity: 0;
  transition: opacity var(--transition-duration) ease;
  position: absolute;
  inset: 0;
}
.index-utU0aa__stars .index-utU0aa__star:after {
  background: #fff;
  box-shadow: 0 0 1px 1px #c08089cc, 0 0 2px 1px #c0808940;
}
.index-utU0aa__stars .index-utU0aa__star:before {
  box-shadow: 0 0 2px 1px #c0808940;
}
.index-utU0aa__stars .index-utU0aa__star[data-state=off] {
  background: #fff;
}
.index-utU0aa__stars .index-utU0aa__star[data-state=medium]:before,
.index-utU0aa__stars .index-utU0aa__star[data-state=high]:after {
  opacity: 1;
}
.index-utU0aa__frameInner {
  background: #07080a;
  border: 1px solid #ffffff14;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 2px #ffffff30, inset 0 .5px #ffffff1a;
}
@media (min-width: 1204px) {
  .index-utU0aa__frameInner {
    border-radius: var(--rounding-md);
  }
}
.index-utU0aa__frameContent {
  height: 100%;
  position: relative;
}
.index-utU0aa__dock {
  bottom: var(--spacing-3);
  z-index: 3;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--Card-Border, #ffffff0f);
  border-radius: calc(var(--rounding-md) + var(--spacing-1));
  background: linear-gradient(181deg, #0000001a 4.5%, #ffffff08 99.51%);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 0 1px #0003, 0 2px 2px #0000002b, 0 4px 3px #0000001a, 0 7px 3px #00000008, 0 12px 3px #0000, 0 4px 4px #00000040, inset 0 1px #ffffff1a, 0 4px 4px #00000040;
}
.index-utU0aa__dock .index-utU0aa__item {
  gap: var(--spacing-1);
  padding: var(--spacing-2);
  color: var(--grey-200);
  border: 1px solid var(--grey-500);
  border-radius: var(--rounding-md);
  background: radial-gradient(1139.98% 138.18% at 0 0, #ffffff1a 0%, #fff0 100%);
  align-items: center;
  transition: all .2s;
  display: flex;
  box-shadow: 0 7px 3px #00000008, 0 4px 4px #00000040;
}
.index-utU0aa__dock .index-utU0aa__item>svg {
  width: 20px;
  height: 20px;
}
@media (hover: hover) and (pointer: fine) {
  .index-utU0aa__dock .index-utU0aa__item:hover {
    color: #fff;
    border: 1px solid var(--grey-400);
    background: radial-gradient(79.21% 79.21% at 42.35% 0, #787878 0%, #282828 100%);
    box-shadow: 0 8.077px 3.462px #00000008, 0 4.615px 4.615px #00000040, inset 0 1.154px #ffffff30, 0 0 6px #ffffff40;
  }
}
.index-utU0aa__dock .index-utU0aa__item.index-utU0aa__active {
  color: #fff;
  border: 1px solid var(--grey-400);
  background: radial-gradient(79.21% 79.21% at 42.35% 0, #787878 0%, #282828 100%);
  box-shadow: 0 8.077px 3.462px #00000008, 0 4.615px 4.615px #00000040, inset 0 1.154px #ffffff30, 0 0 6px #ffffff40;
  border-radius: var(--rounding-lg);
  margin: 0 6px;
  transform: scale(1.25) translateY(-5px);
}
.index-utU0aa__tooltip {
  gap: var(--spacing-1);
  padding: 1px var(--spacing-1);
  color: var(--Text-Loud, var(--grey-50));
  letter-spacing: .2px;
  background: var(--Card-BG, linear-gradient(137deg, #111214 4.87%, #0c0d0f 75.88%));
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--Card-Border, #ffffff0f);
  border-radius: var(--rounding-sm);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  display: inline-flex;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transform: translate(0,0);
  box-shadow: 0 4px 4px #00000040;
  transition: opacity .2s;
}
.index-utU0aa__tooltip.is-on {
  opacity: 1;
}
.index-utU0aa__container [hidden] {
  display: none !important;
}
.index-utU0aa__item[aria-pressed] {
  cursor: pointer;
}
.index-utU0aa__item:focus-visible {
  outline: 2px solid #ffffffb3;
  outline-offset: 4px;
}

/* lifted: raycast/styles/00-3sbjjo5vohbfz.css — AI bento:
   styles-WXKsXa__card 3186-3210, styles-mhqQ5G__bento 3230-3282,
   styles-MUYDYa__chat/header/heading/title/metadata/content 3952-4058,
   styles-Ue6KlW__pill 4080-4105, styles-2Bjs8W__message/bubble 4834-4860.
   Hex colors -> tokens; windows-platform variants and mask fade dropped. */
.styles-WXKsXa__card {
	isolation: isolate;
	background: var(--card-bg);
	box-shadow: inset 0 0 0 1px var(--edge), inset 0 1px 0 var(--edge-2);
	border-radius: 30px;
	width: 100%;
	padding: 24px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
@media (max-width: 767px) {
	.styles-WXKsXa__card {
		border-radius: 20px;
		padding: 15px;
	}
}
@media (hover: hover) and (pointer: fine) {
	.styles-WXKsXa__card:hover {
		box-shadow: inset 0 0 0 1px var(--edge), var(--glow-hover);
	}
}
.styles-mhqQ5G__bento {
	grid-template-columns: repeat(var(--columns), 1fr);
	gap: 30px;
	display: grid;
	margin-top: 56px;
}
@media (max-width: 767px) {
	.styles-mhqQ5G__bento {
		flex-direction: column;
		gap: 15px;
		display: flex;
	}
}
.styles-mhqQ5G__bentoItemVisual {
	user-select: none;
	flex: 1;
	min-height: 0;
	margin-bottom: 24px;
	position: relative;
}
.styles-mhqQ5G__bentoItemTitle {
	color: var(--foreground);
	flex-shrink: 0;
	max-width: 450px;
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.styles-mhqQ5G__bentoItemDescription {
	color: var(--foreground-muted);
	text-wrap: pretty;
	flex-shrink: 0;
	max-width: 450px;
	font-size: 15px;
	line-height: 1.5;
}
.styles-MUYDYa__chat {
	--chat-side-spacing: 16px;
	--chat-stack-gap: 14px;
	font-family: var(--font-sans);
	flex-direction: column;
	display: flex;
	position: relative;
	overflow: hidden;
}
.styles-MUYDYa__header {
	height: 40px;
	padding: 8px 8px 0 var(--chat-side-spacing);
	user-select: none;
	flex: none;
	align-items: center;
	display: flex;
	position: relative;
}
.styles-MUYDYa__heading {
	flex-direction: column;
	flex: 1;
	gap: 1px;
	min-width: 0;
	display: flex;
	overflow: hidden;
}
.styles-MUYDYa__title {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	overflow: hidden;
}
.styles-MUYDYa__metadata {
	color: var(--foreground-subtle);
	white-space: nowrap;
	align-items: center;
	gap: 4px;
	min-width: 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 13px;
	display: flex;
	overflow: hidden;
}
.styles-MUYDYa__content {
	gap: var(--chat-stack-gap);
	min-width: 0;
	padding-block: var(--chat-stack-gap);
	padding-inline: var(--chat-side-spacing);
	flex-direction: column;
	flex: 1;
	font-size: 14px;
	line-height: 1.5;
	display: flex;
}
.styles-Ue6KlW__pill {
	color: var(--foreground);
	vertical-align: -.25em;
	cursor: default;
	box-decoration-break: clone;
	background-color: var(--surface-3);
	border-radius: .4em;
	align-items: center;
	gap: 4px;
	height: 18px;
	padding-inline: 3px 6px;
	font-size: .85em;
	line-height: 1;
	display: inline-flex;
	position: relative;
}
.styles-Ue6KlW__pill > svg {
	flex: none;
	width: 12px;
	height: 12px;
}
.styles-2Bjs8W__message {
	word-break: break-word;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	display: flex;
}
.styles-2Bjs8W__bubble {
	color: var(--foreground);
	background-color: var(--surface-3);
	border-radius: 14px;
	max-width: min(100%, 52% + 117px);
	padding: 6px 12px;
	margin: 0;
}

/* lifted: raycast/styles/00-3sbjjo5vohbfz.css 5117-5259 (Automation__*),
   adapted: snippets/quicklinks visuals and backdrop image removed, grid areas
   kept, literal greys -> tokens, h5 weight bumped. */
.Automation__container {
	gap: var(--spacing-6);
	max-width: var(--container-width);
	flex-direction: column;
	margin: 0 auto;
	display: flex;
}
.Automation__sectionTitle {
	max-width: 510px;
	margin: 0 auto;
}
.Automation__grid {
	gap: var(--spacing-5);
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "top top" "left left" "right right";
	display: grid;
}
@media (min-width: 720px) {
	.Automation__grid {
		grid-template-areas: "top top" "left right";
	}
}
.Automation__topWrapper {
	grid-area: top;
	position: relative;
}
.Automation__top {
	border-radius: calc(var(--rounded-md) - 1px);
	grid-auto-flow: row;
	height: 100%;
	display: grid;
	position: relative;
}
@media (min-width: 720px) {
	.Automation__top {
		grid-auto-flow: column;
	}
	.Automation__top .Automation__description {
		grid-row: 1;
	}
}
.Automation__top .Automation__description {
	z-index: 1;
	grid-row: 2;
	max-width: 420px;
}
.Automation__left {
	flex-direction: column;
	grid-area: left;
	display: flex;
}
.Automation__right {
	flex-direction: column;
	grid-area: right;
	display: flex;
}
.Automation__card {
	background: var(--card-bg);
	border: 1px solid var(--Card-Border, var(--edge));
	border-radius: var(--rounding-md);
	overflow: hidden;
	box-shadow: inset 0 1px var(--edge-2);
}
.Automation__description {
	gap: var(--spacing-2);
	padding: var(--spacing-3);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
}
.Automation__description > h5 {
	gap: var(--spacing-2);
	color: var(--Text-Loud, var(--foreground));
	letter-spacing: .2px;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	margin: 0;
}
.Automation__description > p {
	color: var(--Text-Default, var(--foreground-muted));
	font-size: 14px;
	line-height: 160%;
	margin: 0;
}
@media (hover: hover) and (pointer: fine) {
	.Automation__card:hover {
		box-shadow: inset 0 1px var(--edge-2), var(--glow-hover);
	}
}

/* lifted: raycast/styles/03-36itj4davfnhf.css 349-711 (ExtensionHighlight__*)
   + 691-700 slideIn keyframes + 720-846 index-pFn2Lq card pieces, adapted:
   margin-right:400px removed, browseMore/link/image rules dropped (cards are
   static divs), hovers gated, hex/greys -> tokens. */
.ExtensionHighlight__container {
	gap: var(--spacing-none);
	width: 100%;
	max-width: 100%;
	padding: var(--spacing-12) 0;
	flex-direction: column;
	display: flex;
	overflow: hidden;
}
@media (min-width: 720px) {
	.ExtensionHighlight__container {
		gap: var(--spacing-5);
		padding: var(--spacing-13) 0;
	}
}
.ExtensionHighlight__top {
	width: 100%;
	max-width: calc(var(--container-width) + var(--spacing-6));
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	display: flex;
}
@media (max-width: 1024px) {
	.ExtensionHighlight__top {
		gap: var(--spacing-5);
		flex-direction: column;
		align-items: flex-start;
	}
}
.ExtensionHighlight__text {
	max-width: 480px;
	padding: 0 var(--spacing-3);
}
.ExtensionHighlight__reelWrapper {
	width: 100vw;
	max-width: 2000px;
	margin: 0 auto;
	position: relative;
}
.ExtensionHighlight__reelContainer {
	width: 100%;
	padding: var(--spacing-2) var(--spacing-4);
	margin: var(--spacing-none) 0;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding: var(--spacing-3);
	scrollbar-width: none;
	align-self: center;
	position: relative;
	overflow-x: auto;
}
.ExtensionHighlight__reelContainer::-webkit-scrollbar {
	display: none;
}
@media (min-width: 720px) {
	.ExtensionHighlight__reelContainer {
		padding: var(--spacing-5) var(--spacing-3);
		margin: calc(-1 * var(--spacing-5)) 0;
		mask-image: linear-gradient(to right, transparent, black var(--spacing-8), black calc(100% - var(--spacing-13)), transparent);
	}
}
.ExtensionHighlight__reel {
	gap: var(--spacing-7);
	max-width: var(--container-width);
	padding: var(--spacing-4) 0;
	margin: 0 auto;
}
.ExtensionHighlight__padding {
	gap: var(--spacing-3);
	padding: 0 var(--spacing-4) 0 0;
	transform-origin: 0 0;
	display: inline-flex;
}
@media (min-width: 720px) {
	.ExtensionHighlight__padding {
		gap: var(--spacing-7);
	}
	.ExtensionHighlight__padding:after {
		content: "";
		scroll-snap-align: end;
		width: 0;
		display: flex;
		position: relative;
	}
}
.ExtensionHighlight__categoriesContainer {
	max-width: 100%;
	padding: 0 var(--spacing-3);
	scrollbar-width: none;
	display: flex;
	overflow-x: auto;
}
.ExtensionHighlight__categoriesContainer::-webkit-scrollbar {
	display: none;
}
.ExtensionHighlight__categories {
	gap: var(--spacing-3);
	padding: var(--spacing-1) var(--spacing-2-5);
	background: var(--Card-BG, var(--card-bg));
	border-top: 1px solid var(--Card-Border, var(--edge));
	border-right: 1px solid var(--Card-Border, var(--edge));
	border-left: 1px solid var(--Card-Border, var(--edge));
	border-radius: 31px;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	box-shadow: inset 0 1px var(--edge-2);
}
.ExtensionHighlight__category {
	text-align: right;
	letter-spacing: .2px;
	align-items: center;
	height: 46px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	display: flex;
	position: relative;
}
.ExtensionHighlight__category.ExtensionHighlight__active a {
	color: var(--Text-Loud, var(--foreground));
}
.ExtensionHighlight__category a {
	z-index: 1;
	color: var(--Text-Muted, var(--foreground-subtle));
	cursor: pointer;
	transition: color .3s;
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	.ExtensionHighlight__category a:hover {
		color: var(--Text-Loud, var(--foreground));
	}
}
.ExtensionHighlight__activeBackdrop {
	inset: 0 calc(var(--spacing-1-5) * -1);
	width: var(--width);
	backdrop-filter: blur(2px);
	height: 46px;
	transform: translate3d(var(--offset), 0, 0);
	background: radial-gradient(51.07% 92.4% at 51% 7.61%, var(--grey-500) 0%, var(--grey-700) 100%);
	border-radius: 36px;
	transition: transform .3s, width .3s;
	position: absolute;
	top: 8px;
}
.ExtensionHighlight__pagination {
	gap: var(--spacing-1-5);
	display: flex;
}
.ExtensionHighlight__next, .ExtensionHighlight__previous {
	border: 0;
	gap: var(--spacing-3);
	padding: var(--spacing-2-5);
	color: var(--Base-White, var(--foreground));
	cursor: pointer;
	background: var(--Card-BG, var(--card-bg));
	border-top: 1px solid var(--Card-Border, var(--edge));
	border-right: 1px solid var(--Card-Border, var(--edge));
	border-left: 1px solid var(--Card-Border, var(--edge));
	border-radius: 86px;
	justify-content: center;
	align-items: center;
	transition: color .3s;
	display: flex;
	box-shadow: inset 0 1px var(--edge-2);
}
.ExtensionHighlight__next > svg, .ExtensionHighlight__previous > svg {
	width: 16px;
	height: 16px;
}
@media (hover: hover) and (pointer: fine) {
	.ExtensionHighlight__next:hover, .ExtensionHighlight__previous:hover {
		box-shadow: inset 0 1px 1px var(--edge-2), var(--glow-hover);
	}
	.ExtensionHighlight__next:disabled:hover, .ExtensionHighlight__previous:disabled:hover {
		box-shadow: inset 0 1px var(--edge-2);
	}
}
.ExtensionHighlight__next:disabled, .ExtensionHighlight__previous:disabled {
	color: var(--grey-300);
	cursor: default;
}
.ExtensionHighlight__extensionCardWrapper {
	opacity: 0;
	scroll-snap-align: start;
	animation: ExtensionHighlight__slideIn .7s var(--delay, 0ms) var(--ease-slide) forwards;
}
@keyframes ExtensionHighlight__slideIn {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(.9);
	}
	to {
		opacity: 1;
		transform: translate(0) scale(1);
	}
}
.index-pFn2Lq__card {
	scroll-snap-align: end;
	border-radius: var(--rounding-xl, var(--r-14));
	width: 300px;
	height: 100%;
	display: grid;
	position: relative;
	overflow: hidden;
}
@media (min-width: 720px) {
	.index-pFn2Lq__card {
		width: 360px;
		height: auto;
	}
}

/* lifted: raycast/styles/01-0osfq-buv3--h.css 4411–4455 — CommandYourTime
   container + AnimatedCmdSpaceKeyboard svg shell. Download/waitlist blocks
   dropped; viewBox shrunk for the compact layout. */
.CommandYourTime__container {
	gap: var(--spacing-3);
	max-width: 100%;
	padding-bottom: var(--spacing-13);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
	overflow: hidden;
}
.AnimatedCmdSpaceKeyboard__container {
	gap: var(--spacing-3);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	display: flex;
	overflow: hidden;
}
.AnimatedCmdSpaceKeyboard__svg {
	width: clamp(600px, 72vw, 1050px);
	height: auto;
	padding-bottom: 50px;
	overflow: visible;
	mask-image: radial-gradient(70% 90% at 50% 70%, #000 55%, transparent 100%);
	-webkit-mask-image: radial-gradient(70% 90% at 50% 70%, #000 55%, transparent 100%);
}
.AnimatedCmdSpaceKeyboard__svg foreignObject {
	overflow: visible;
}
.AnimatedCmdSpaceKeyboard__keyboardContainer {
	justify-content: center;
	margin-bottom: 60px;
	display: flex;
}

/* lifted: raycast/styles/03-36itj4davfnhf.css 195–360 — index-h8MSgW__
   keyboard rows, key faces, alt/primary, glowing state. */
.index-h8MSgW__keyboard {
	flex-direction: column;
	gap: 12px;
	max-width: 100%;
	display: flex;
}
.index-h8MSgW__keyboardRow {
	flex-wrap: nowrap;
	gap: 12px;
	height: 110px;
	display: flex;
}
@property --key-bg-start-color {
	syntax: "<color>";
	inherits: true;
	initial-value: #121212;
}
@property --key-bg-end-color {
	syntax: "<color>";
	inherits: true;
	initial-value: #0d0d0d;
}
.index-h8MSgW__key {
	--key-bg-start-color: #121212;
	--key-bg-end-color: #0d0d0d;
	width: 110px;
	height: 100%;
	font-family: var(--font-inter, "Inter", sans-serif);
	text-shadow: 0 .5px .5px #0000001a;
	-webkit-user-select: none;
	user-select: none;
	background: radial-gradient(75% 75% at 50% 91.9%, var(--key-bg-start-color) 0%, var(--key-bg-end-color) 100%);
	border-radius: 11px;
	flex-shrink: 0;
	grid-template-rows: 1fr 1fr;
	padding: 14.5px 15px;
	font-size: 23.75px;
	font-weight: 500;
	transition: opacity .4s cubic-bezier(.23,1,.32,1), box-shadow .2s cubic-bezier(.23,1,.32,1), transform .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1), --key-bg-start-color .4s cubic-bezier(.23,1,.32,1), --key-bg-end-color .4s cubic-bezier(.23,1,.32,1);
	display: grid;
	box-shadow: 0 1.5px .5px 2.5px #0006, 0 0 .5px 1px #000, inset 0 2px 1px 1px #00000040, inset 0 1px 1px 1px #fff3, inset 0 0 #0000;
}
.index-h8MSgW__key strong { color: #fff; }
.index-h8MSgW__key > .index-h8MSgW__alt { grid-row: 1; }
.index-h8MSgW__key > .index-h8MSgW__primary { grid-row: 2; }
.index-h8MSgW__alt { align-items: flex-start; display: flex; font-size: 15px; }
.index-h8MSgW__alt.index-h8MSgW__alignRight { justify-content: flex-end; }
.index-h8MSgW__alt.index-h8MSgW__alignCenter { justify-content: center; }
.index-h8MSgW__alt > svg { color: var(--grey-300); }
.index-h8MSgW__primary { align-items: flex-end; display: flex; }
.index-h8MSgW__primary > span { color: var(--grey-200); }
.index-h8MSgW__primary.index-h8MSgW__alignRight { justify-content: flex-end; }
.index-h8MSgW__primary.index-h8MSgW__alignCenter { justify-content: center; }
.index-h8MSgW__primary.index-h8MSgW__stretch {
	grid-row: 1 / span 2;
	justify-content: center;
	align-items: center;
}
.index-h8MSgW__isNotSafari .index-h8MSgW__key { position: relative; }
.index-h8MSgW__isNotSafari .index-h8MSgW__key:before,
.index-h8MSgW__isNotSafari .index-h8MSgW__key:after {
	content: "";
	opacity: 0;
	transition: transform 1s calc(var(--delay) + .2s) cubic-bezier(.23,1,.32,1), opacity 1s calc(var(--delay) + .2s) cubic-bezier(.23,1,.32,1);
	transform: scale(.9);
}
.index-h8MSgW__isNotSafari .index-h8MSgW__keyboardRow:nth-child(6) { z-index: 1; }
@media (hover: hover) and (pointer: fine) {
	.index-h8MSgW__isNotSafari .index-h8MSgW__key:hover:not(.is-lit) {
		--key-bg-start-color: #151515;
		transform: translateY(1px);
	}
}